/* Alle Selektoren bewusst auf #ub-auctions begrenzt: kompatibel mit Website X5. */
#ub-auctions{
 --ub-ink:#1d302b;--ub-muted:#617168;--ub-sage:#285b46;--ub-green:#1a4935;--ub-cream:#f7f6f1;
 --ub-line:#e2e6df;--ub-gold:#b58d50;--ub-white:#fff;--ub-shadow:0 17px 50px rgba(18,52,38,.08);
 color:var(--ub-ink);font:400 16px/1.57 Roboto,Arial,Helvetica,sans-serif;
}
#ub-auctions *,#ub-auctions *::before,#ub-auctions *::after{box-sizing:border-box}
#ub-auctions button,#ub-auctions input,#ub-auctions select,#ub-auctions textarea{font:inherit}
#ub-auctions button{cursor:pointer}
#ub-auctions a{color:var(--ub-green);text-decoration:underline;text-underline-offset:3px}
#ub-auctions :focus-visible{outline:3px solid #cb9943;outline-offset:3px}
#ub-auctions .ub-wrap{max-width:1220px;padding:0 22px;margin:0 auto}
#ub-auctions .ub-hero{padding:70px 0 60px;background:linear-gradient(120deg,#173c31,#41664e);color:#fff;position:relative;overflow:hidden}
#ub-auctions .ub-hero:after{content:"";position:absolute;right:-9%;top:-72%;width:56%;aspect-ratio:1;border:1px solid #ffffff28;border-radius:50%;box-shadow:0 0 0 65px #ffffff09,0 0 0 140px #ffffff09;pointer-events:none}
#ub-auctions .ub-hero-inner{position:relative;z-index:1;max-width:810px}
#ub-auctions .ub-eyebrow{display:block;font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:#f4dcae;margin-bottom:16px}
#ub-auctions .ub-hero h1{font-family:Ubuntu,Arial,sans-serif;line-height:1.11;letter-spacing:-.035em;font-size:clamp(38px,5vw,68px);font-weight:700;margin:0 0 23px;color:#fff}
#ub-auctions .ub-hero p{margin:0;max-width:630px;color:#e1eae3;font-size:clamp(16px,2vw,20px)}
#ub-auctions .ub-main{background:var(--ub-cream);padding:44px 0 78px;min-height:440px}
#ub-auctions .ub-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:25px}
#ub-auctions .ub-stats{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
#ub-auctions .ub-stat{font-size:14px;color:var(--ub-muted)}
#ub-auctions .ub-stat b{display:inline-block;font-size:22px;color:var(--ub-ink);margin-right:5px;font-weight:700}
#ub-auctions .ub-filters{display:flex;gap:8px;flex-wrap:wrap}
#ub-auctions .ub-filter{border:1px solid #d5dfd5;border-radius:100px;background:#fff;padding:9px 16px;color:var(--ub-ink);font-size:14px}
#ub-auctions .ub-filter[aria-pressed="true"]{background:var(--ub-green);border-color:var(--ub-green);color:#fff}
#ub-auctions .ub-search{display:flex;margin:0 0 27px;align-items:center;gap:10px;background:#fff;border:1px solid var(--ub-line);padding:12px 16px;border-radius:13px;max-width:420px}
#ub-auctions .ub-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;color:var(--ub-ink)}
#ub-auctions .ub-search svg{color:var(--ub-muted);flex:0 0 auto}
#ub-auctions .ub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
#ub-auctions .ub-card{background:#fff;min-width:0;border:1px solid #e4e8e0;border-radius:16px 0 16px 16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--ub-shadow);transition:transform .2s ease,box-shadow .2s ease}
#ub-auctions .ub-card:hover{transform:translateY(-3px);box-shadow:0 24px 55px #14372420}
#ub-auctions .ub-image-btn{display:block;border:0;background:#e8eee9;position:relative;width:100%;padding:0;aspect-ratio:1.2;overflow:hidden;text-align:left}
#ub-auctions .ub-image-btn img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
#ub-auctions .ub-image-btn:hover img{transform:scale(1.055)}
#ub-auctions .ub-no-image{display:grid;place-items:center;width:100%;height:100%;font-family:Georgia,serif;color:#aabaae;font-size:72px}
#ub-auctions .ub-state{position:absolute;top:14px;left:14px;border-radius:30px;padding:5px 12px;font-size:12px;font-weight:700;background:#fff;color:var(--ub-green);box-shadow:0 2px 10px #00000016}
#ub-auctions .ub-state.ub-ended{background:#e7e9e5;color:#536057}
#ub-auctions .ub-card-body{padding:24px;display:flex;flex-direction:column;flex:1}
#ub-auctions .ub-card h2{font-family:Ubuntu,Arial,sans-serif;font-weight:700;font-size:23px;line-height:1.22;margin:0 0 12px;color:var(--ub-ink)}
#ub-auctions .ub-description{color:#55635b;font-size:14px;line-height:1.68;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 20px}
#ub-auctions .ub-card-footer{margin-top:auto;border-top:1px solid var(--ub-line);padding-top:17px}
#ub-auctions .ub-meta{font-size:13px;color:var(--ub-muted);margin:0 0 10px}
#ub-auctions .ub-prices{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 18px;flex-wrap:wrap}
#ub-auctions .ub-price-label{display:block;color:#637168;font-size:12px;margin-bottom:3px}
#ub-auctions .ub-price{font-size:24px;font-weight:750;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--ub-ink)}
#ub-auctions .ub-docs{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:18px;font-size:13px}
#ub-auctions .ub-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--ub-green);color:#fff!important;text-decoration:none!important;border:1px solid var(--ub-green);padding:12px 16px;border-radius:9px;font-weight:700;font-size:14px;min-height:45px}
#ub-auctions .ub-btn:hover{background:#0c3627}
#ub-auctions .ub-btn:disabled{background:#e7eae6;color:#66716b!important;border-color:#e7eae6;cursor:not-allowed}
#ub-auctions .ub-btn-soft{background:#fff;color:var(--ub-green)!important;border-color:#cbd9cf}
#ub-auctions .ub-btn-soft:hover{background:#f0f5f0}
#ub-auctions .ub-card .ub-btn{width:100%}
#ub-auctions .ub-empty{grid-column:1/-1;background:#fff;padding:48px 24px;text-align:center;border-radius:14px;border:1px dashed #bfcac0;color:var(--ub-muted)}
#ub-auctions .ub-load{padding:54px;text-align:center;color:var(--ub-muted)}
#ub-auctions .ub-note{text-align:center;color:var(--ub-muted);font-size:13px;margin:28px auto 0}
#ub-auctions .ub-dialog-overlay{position:fixed;inset:0;z-index:2147483100;background:#17251fd9;display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto}
#ub-auctions .ub-dialog-overlay[hidden]{display:none!important}
#ub-auctions .ub-dialog{position:relative;width:min(720px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain;border-radius:16px;background:#fff;box-shadow:0 25px 85px #0b1d1666;padding:0}
#ub-auctions .ub-dialog-head{padding:25px 27px 20px;border-bottom:1px solid var(--ub-line);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
#ub-auctions .ub-dialog-head h2{margin:0;font-size:26px;color:var(--ub-ink);font-family:Ubuntu,Arial,sans-serif}
#ub-auctions .ub-dialog-head p{margin:7px 0 0;color:var(--ub-muted);font-size:14px}
#ub-auctions .ub-close{width:40px;height:40px;flex-shrink:0;border:1px solid var(--ub-line);background:#f7f8f4;border-radius:50%;color:var(--ub-ink);font-size:26px;line-height:1}
#ub-auctions .ub-dialog-content{padding:25px 27px 29px}
#ub-auctions .ub-selected{display:flex;align-items:center;gap:15px;padding:14px;background:#f3f6f1;border-radius:11px;margin-bottom:24px}
#ub-auctions .ub-selected img{width:68px;height:68px;object-fit:cover;border-radius:7px}
#ub-auctions .ub-selected strong{display:block;font-size:17px}
#ub-auctions .ub-selected small{display:block;color:var(--ub-muted);font-size:13px}
#ub-auctions .ub-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
#ub-auctions .ub-field{min-width:0;display:flex;flex-direction:column;gap:6px}
#ub-auctions .ub-field.ub-full{grid-column:1/-1}
#ub-auctions .ub-field label{font-size:13px;font-weight:700;color:#304a3d}
#ub-auctions .ub-field input,#ub-auctions .ub-field textarea,#ub-auctions .ub-field select{width:100%;padding:11px 12px;border:1px solid #cbd7cc;border-radius:8px;background:#fff;color:#1d302b;font-size:15px;min-height:45px}
#ub-auctions .ub-field textarea{resize:vertical;min-height:95px}
#ub-auctions .ub-field input:focus,#ub-auctions .ub-field select:focus,#ub-auctions .ub-field textarea:focus{outline:2px solid #c0ddc9;outline-offset:0;border-color:var(--ub-green)}
#ub-auctions .ub-help{font-size:12px;color:var(--ub-muted)}
#ub-auctions .ub-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ub-ink);margin:20px 0}
#ub-auctions .ub-consent input{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--ub-green)}
#ub-auctions .ub-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:22px}
#ub-auctions .ub-form-msg{margin-top:14px;padding:12px 14px;border-radius:8px;background:#fff2e8;color:#802d12;font-size:14px}
#ub-auctions .ub-form-msg:empty{display:none}
#ub-auctions .ub-form-msg.ub-good{background:#e7f3e9;color:#135331}
#ub-auctions .ub-lightbox{position:fixed;inset:0;z-index:2147483200;background:#101d17ed;display:flex;align-items:center;justify-content:center;padding:55px 20px 20px}
#ub-auctions .ub-lightbox[hidden]{display:none!important}
#ub-auctions .ub-lightbox img{max-width:100%;max-height:calc(100dvh - 90px);object-fit:contain;border-radius:5px}
#ub-auctions .ub-lightbox .ub-close{position:absolute;top:12px;right:20px}
#ub-auctions .ub-hp{position:absolute!important;left:-99999px!important;opacity:0!important;pointer-events:none!important}
#ub-auctions .ub-visually-hidden{position:absolute!important;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(max-width:1050px){#ub-auctions .ub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#ub-auctions .ub-wrap{padding:0 15px}#ub-auctions .ub-hero{padding:45px 0}#ub-auctions .ub-main{padding:27px 0 55px}#ub-auctions .ub-grid{grid-template-columns:1fr;gap:17px}#ub-auctions .ub-toolbar{align-items:flex-start}#ub-auctions .ub-dialog-overlay{padding:8px}#ub-auctions .ub-dialog{max-height:calc(100dvh - 16px)}#ub-auctions .ub-dialog-head,#ub-auctions .ub-dialog-content{padding:18px}#ub-auctions .ub-dialog-head h2{font-size:22px}#ub-auctions .ub-form-grid{grid-template-columns:1fr}#ub-auctions .ub-field.ub-full{grid-column:auto}#ub-auctions .ub-form-actions .ub-btn{flex:1}}
@media(prefers-reduced-motion:reduce){#ub-auctions .ub-card,#ub-auctions .ub-image-btn img{transition:none}}
/* V2.1: Hinweis zur temporären Sicherung der Gebotseingaben. */
#ub-auctions .ub-draft-hint{font-size:12px;line-height:1.5;color:var(--ub-muted);margin:10px 0 0}

/* Version 2.3 – individuell konfigurierbare Gestaltung; nur innerhalb des Website-X5-Containers. */
#ub-auctions{font-family:var(--ub-body-font,Roboto,Arial,sans-serif);}
#ub-auctions .ub-hero{
 padding:var(--ub-hero-padding,70px) 0 calc(var(--ub-hero-padding,70px) * .857);
 color:var(--ub-hero-text,#fff);
}
#ub-auctions .ub-hero-inner{max-width:var(--ub-hero-width,810px)}
#ub-auctions[data-no-decoration="true"] .ub-hero::after{display:none}
#ub-auctions .ub-hero h1{
 font-family:var(--ub-title-font,Ubuntu,Arial,sans-serif);
 color:var(--ub-hero-text,#fff);
 font-size:clamp(28px,5vw,var(--ub-hero-title-size,58px));
 white-space:pre-line;
}
#ub-auctions .ub-hero .ub-eyebrow{color:var(--ub-hero-small,#f4dcae)}
#ub-auctions .ub-hero p{color:var(--ub-hero-description,#e1eae3);font-size:clamp(14px,2vw,var(--ub-hero-description-size,18px));max-width:630px}
#ub-auctions .ub-card h2,#ub-auctions .ub-dialog-head h2{font-family:var(--ub-title-font,Ubuntu,Arial,sans-serif)}
#ub-auctions .ub-card{border-radius:var(--ub-card-radius,16px) 0 var(--ub-card-radius,16px) var(--ub-card-radius,16px)}
#ub-auctions .ub-btn{
 border-radius:var(--ub-button-radius,9px);
 padding:var(--ub-button-padding,12px) 16px;
 background:var(--ub-button-bg,var(--ub-green));
 color:var(--ub-button-fg,#fff)!important;
 border-color:var(--ub-button-border,var(--ub-green));
}
#ub-auctions .ub-btn:hover:not(:disabled){background:var(--ub-button-hover,#0c3627)}
#ub-auctions .ub-btn-soft{
 background:#fff;
 color:var(--ub-green)!important;
 border-color:#cbd9cf;
}
#ub-auctions .ub-btn-soft:hover:not(:disabled){background:#f0f5f0}
#ub-auctions .ub-btn:disabled{background:#e7eae6;color:#66716b!important;border-color:#e7eae6}
#ub-auctions .ub-filter{border-radius:var(--ub-button-radius,9px)}
#ub-auctions .ub-filter[aria-pressed="true"]{background:var(--ub-button-bg,var(--ub-green));border-color:var(--ub-button-border,var(--ub-green));color:var(--ub-button-fg,#fff)}
#ub-auctions .ub-filter[aria-pressed="true"]:hover{background:var(--ub-button-hover,#0c3627)}
@media(max-width:650px){#ub-auctions .ub-hero{padding:clamp(28px,5vw,var(--ub-hero-padding,70px)) 0}}

/* Version 2.5 – Bieterkonto */
#ub-auctions .ub-account-tools{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin:10px 0 18px}
#ub-auctions .ub-account-tools .ub-btn{font-size:14px;padding:9px 14px}
#ub-auctions .ub-account-name{font-size:14px;color:var(--ub-ink,#20362e)}
#ub-auctions .ub-account-dialog{max-width:540px}
#ub-auctions .ub-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#ub-auctions .ub-account-grid .ub-full{grid-column:1/-1}
#ub-auctions .ub-account-tabs{display:flex;gap:9px;margin-bottom:16px;flex-wrap:wrap}
#ub-auctions .ub-account-tabs button[aria-pressed="true"]{background:var(--ub-button-bg,#194c37);color:#fff}
#ub-auctions .ub-account-tip{padding:12px 14px;border-radius:8px;background:#edf3ed;color:#254835;font-size:13px}
#ub-auctions .ub-account-dialog .ub-field input,#ub-auctions .ub-account-dialog .ub-field select{width:100%}
#ub-auctions .ub-account-dialog .ub-dialog-content{max-height:calc(90dvh - 90px);overflow:auto}
#ub-auctions .ub-confirm-tip{padding:10px;background:#f4f6f2;border-radius:8px;margin-top:10px;color:#405c4c}
@media(max-width:520px){#ub-auctions .ub-account-grid{grid-template-columns:1fr}#ub-auctions .ub-account-tools{justify-content:flex-start}}

/* Version 2.5.1: Information zur freiwilligen Registrierung und Gastgebotsabgabe. */
#ub-auctions .ub-guest-note{margin:0 0 18px;padding:12px 16px;border:1px solid #d8e4d9;border-radius:10px;color:#304a3d;background:#eef5ee;font-size:13px;line-height:1.6}
#ub-auctions .ub-guest-note[hidden]{display:none!important}
#ub-auctions .ub-guest-note strong{font-weight:700}

/* Version 2.5.4: Registrierungsbestätigung und normale Schriftstärken in Kontodialogen. */
#ub-auctions .ub-account-dialog [hidden]{display:none!important}
#ub-auctions .ub-account-dialog .ub-field label,
#ub-auctions .ub-account-dialog .ub-field input,
#ub-auctions .ub-account-dialog .ub-field select,
#ub-auctions .ub-account-dialog .ub-field textarea,
#ub-auctions .ub-account-dialog .ub-consent,
#ub-auctions .ub-account-dialog .ub-btn,
#ub-auctions .ub-account-dialog .ub-dialog-head h2,
#ub-auctions .ub-account-dialog .ub-register-success h3{
  font-weight:400!important;
}
#ub-auctions .ub-account-dialog .ub-field input:-webkit-autofill,
#ub-auctions .ub-account-dialog .ub-field select:-webkit-autofill{
  font-weight:400!important;
}
#ub-auctions .ub-account-dialog .ub-account-tabs button[aria-pressed="true"]{
  background:var(--ub-button-bg,#194c37);
  color:#fff!important;
  border-color:var(--ub-button-border,#194c37);
}
#ub-auctions .ub-register-success{padding:12px 0 2px;color:var(--ub-ink);font-weight:400}
#ub-auctions .ub-register-check{
  width:50px;height:50px;display:grid;place-items:center;border-radius:50%;
  background:#e6f1e9;color:#1c6444;font-size:29px;line-height:1;margin-bottom:15px;
}
#ub-auctions .ub-register-success h3{
  margin:0 0 13px;font-size:24px;line-height:1.3;color:var(--ub-ink);
  font-family:var(--ub-title-font,Ubuntu,Arial,sans-serif);
}
#ub-auctions .ub-register-success p{font-size:15px;line-height:1.65;margin:0 0 14px}
#ub-auctions .ub-register-recipient{
  padding:12px 14px;border:1px solid #cbd9cf;background:#f5f8f4;border-radius:9px;
  overflow-wrap:anywhere;font-weight:400;
}
#ub-auctions .ub-register-instructions{
  margin:18px 0;padding:17px;border-left:3px solid var(--ub-green);background:#f0f5ef;border-radius:0 9px 9px 0;
}
#ub-auctions .ub-register-instructions p:last-child{margin-bottom:0}
#ub-auctions .ub-register-spam{color:var(--ub-muted);font-size:13px!important}
#ub-auctions .ub-register-success .ub-form-actions{margin-top:24px}