/* maerkte.css — Marktübersicht im gemeinsamen Designsystem */
.markets-head{padding-bottom:clamp(44px,6vw,68px)}
.markets-intro{max-width:820px}
.markets-intro .klabel{margin-bottom:12px}
.next-markets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px;margin-top:30px;max-width:980px}
.next-market{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--linie);border-radius:var(--r-l);background:var(--weiss);transition:transform var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out)}
.next-market:hover{transform:translateY(var(--lift-card));box-shadow:var(--sh-m);border-color:transparent}
.next-market-icon{width:48px;height:48px;border-radius:14px;background:var(--papier-2);display:grid;place-items:center;transition:background-color var(--motion-base),color var(--motion-base)}
.next-market-icon svg{width:23px;height:23px;stroke:var(--gruen-d);transition:stroke var(--motion-base)}
.next-market:hover .next-market-icon{background:var(--verlauf)}
.next-market:hover .next-market-icon svg{stroke:#fff}
.next-market-copy{display:grid;min-width:0}
.next-market-copy small{color:var(--gruen-d);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.next-market-copy b{margin-top:2px;font-size:1.16rem;line-height:1.2;overflow-wrap:anywhere}
.next-market-copy em{color:var(--grau);font-size:.88rem;font-style:normal}
.next-market-arrow,.market-arrow{width:36px;height:36px;border:1.5px solid var(--linie);border-radius:50%;background:var(--weiss);display:grid;place-items:center;transition:transform var(--motion-base),background-color var(--motion-base),border-color var(--motion-base)}
.next-market-arrow svg,.market-arrow svg{width:15px;height:15px;stroke:var(--tinte);transition:stroke var(--motion-base)}
.next-market:hover .next-market-arrow{background:var(--gruen);border-color:var(--gruen);transform:rotate(-45deg)}
.next-market:hover .next-market-arrow svg{stroke:#fff}

.markets-main{padding:clamp(36px,5vw,52px) 0 clamp(70px,9vw,104px);background:var(--papier)}
.markets-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:clamp(24px,3vw,30px);margin-bottom:clamp(34px,5vw,48px);border-bottom:1px solid var(--linie)}
.markets-list-head .klabel{margin-bottom:8px}
.markets-list-head h2{font-size:clamp(1.7rem,3vw,2.25rem);margin:0}
.market-result-count{flex:0 0 auto;color:var(--grau);font-size:.86rem;font-weight:700}

.markets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.market-card{position:relative;overflow:hidden;border:1px solid var(--linie);border-radius:var(--r-xl);background:var(--weiss);transition:transform var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out)}
.market-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;z-index:3;background:var(--verlauf);transform:scaleY(0);transform-origin:top;transition:transform var(--motion-base) var(--ease-out)}
.market-card:hover{transform:translateY(var(--lift-card));box-shadow:var(--sh-m);border-color:transparent}
.market-card:hover::before{transform:scaleY(1)}
.market-visual{position:relative;display:grid;place-items:center;min-height:190px;background:linear-gradient(145deg,var(--papier-2),var(--papier-3));overflow:hidden}
.market-visual.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,58,9,.14));pointer-events:none}
.market-visual-image{width:100%;height:100%;min-height:190px;object-fit:cover;transition:transform var(--motion-slow) var(--ease-out)}
.market-card:hover .market-visual-image{transform:scale(1.025)}
.market-pin{width:62px;height:62px;border-radius:18px;background:var(--weiss);display:grid;place-items:center;box-shadow:var(--sh-s);transition:transform var(--motion-base),background-color var(--motion-base)}
.market-pin svg{width:29px;height:29px;stroke:var(--gruen-d);transition:stroke var(--motion-base)}
.market-card:hover .market-pin{transform:scale(1.06);background:var(--verlauf)}
.market-card:hover .market-pin svg{stroke:#fff}
.market-card-body{position:relative;padding:24px clamp(22px,3vw,28px) 26px}
.market-arrow{position:absolute;top:22px;right:24px}
.market-card:hover .market-arrow{background:var(--gruen);border-color:var(--gruen);transform:rotate(-45deg)}
.market-card:hover .market-arrow svg{stroke:#fff}
.market-day{padding-right:52px;color:var(--gruen-d);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;overflow-wrap:anywhere}
.market-card h2{max-width:calc(100% - 46px);margin:9px 0 6px;font-size:clamp(1.35rem,2.6vw,1.7rem);overflow-wrap:anywhere;hyphens:auto}
.market-card h2 a:hover{color:var(--gruen-d)}
.market-place,.market-count{margin:7px 0;color:var(--grau);overflow-wrap:anywhere}
.market-count{font-size:.88rem;font-weight:600}
.market-status{margin:16px 0;padding:11px 14px;border-left:3px solid var(--status-color,var(--gruen));border-radius:10px;background:var(--papier-2);color:var(--tinte-2);font-size:.9rem;line-height:1.45;overflow-wrap:anywhere}
.market-status b{color:var(--status-color,var(--gruen-d))}
.market-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}
.market-actions .btn{padding:11px 18px;font-size:.9rem}
.market-empty{padding:clamp(36px,6vw,58px);border:1px solid var(--linie);border-radius:var(--r-xl);background:var(--weiss);text-align:center}
.market-empty h2{margin-bottom:10px;font-size:clamp(1.45rem,3vw,2rem)}
.market-empty p{max-width:620px;margin:0 auto 20px;color:var(--tinte-2)}

@media(max-width:760px){
  .markets-grid{grid-template-columns:1fr}
  .markets-list-head{display:block}
  .market-result-count{margin-top:10px}
  .market-visual,.market-visual-image{min-height:175px}
  .next-markets{grid-template-columns:1fr}
  .next-market{grid-template-columns:auto minmax(0,1fr);padding:17px}
  .next-market-arrow{display:none}
}
@media(max-width:480px){
  .next-market-icon{width:44px;height:44px}
  .market-actions{display:grid;grid-template-columns:1fr}
  .market-actions .btn{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.market-card::before{transform:none;opacity:0}.market-card:hover .market-visual-image{transform:none}}

.market-runtime{background:var(--papier-2);color:var(--tinte-2)}
.market-runtime.is-open{background:#edf8ef;color:#0b5d16}