/* andi24.de – Werkstatt (08.11.2026). Nur werkstatt.php, Grundlook aus a24-lexikon.css + a24-wissen.css */
.a24ws-why h3{font-size:21px!important;font-weight:700!important;line-height:1.3!important}
.a24ws-status{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:999px;font:600 12px var(--f-body);letter-spacing:.02em;border:1px solid var(--line2);color:var(--ink)}
.a24ws-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dim)}
.a24ws-status.ok::before{background:var(--ok)}
.a24ws-status.wip::before{background:var(--warn)}

/* Werkzeuge */
.a24ws-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.a24ws-tool{display:flex;flex-direction:column;border:1px solid var(--line2);border-radius:18px;background:var(--navy2);overflow:hidden}
.a24ws-tool-img{margin:0;background:var(--navy3);border-bottom:1px solid var(--line);aspect-ratio:16/7;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}
.a24ws-tool-img img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:10px;object-fit:contain}
.a24ws-tool-body{display:flex;flex-direction:column;gap:8px;padding:22px 24px 24px}
.a24ws-tool h3{font-size:24px!important;font-weight:800!important;line-height:1.2!important}
.a24ws-tool .a24lex-mono{margin:-4px 0 0}
.a24ws-tool dl{margin:6px 0 0}
.a24ws-tool dt{font:700 14px var(--f-head);color:var(--sky2);margin-top:8px}
.a24ws-tool dd{margin:2px 0 0;color:var(--muted)}

/* Plattformen */
.a24ws-apps{display:flex;flex-direction:column;gap:22px;margin-top:20px}
.a24ws-app{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border:1px solid var(--line2);border-radius:20px;background:var(--navy2);overflow:hidden}
.a24ws-app:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.a24ws-app:nth-child(even) .a24ws-shot{order:2;border-right:0;border-left:1px solid var(--line)}
.a24ws-shot{display:block;background:var(--navy3);border-right:1px solid var(--line);overflow:hidden}
.a24ws-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .3s}
.a24ws-shot:hover img{transform:scale(1.02)}
.a24ws-app-body{display:flex;flex-direction:column;gap:10px;padding:28px 28px 26px}
.a24ws-logo{display:flex;align-items:center;gap:10px;align-self:flex-start;background:#fff;border-radius:12px;padding:10px 16px;height:64px}
.a24ws-logo img{display:block;height:100%;width:auto}
.a24ws-wort{font:600 19px var(--f-head);color:#0F2B3D;letter-spacing:-.01em}
.a24ws-wort i{font-style:normal;color:#23868f}
.a24ws-app h3{font-size:24px!important;font-weight:800!important;line-height:1.25!important}
.a24ws-app p{margin:0;color:var(--muted)}
.a24ws-app p.a24ws-hint{font-size:14px;color:var(--dim)}
.a24ws-progress{margin-top:6px}
.a24ws-progress-head{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:var(--muted)}
.a24ws-progress-head strong{font:700 16px var(--f-head);color:var(--ink)}
.a24ws-bar{height:8px;border-radius:999px;background:var(--navy3);border:1px solid var(--line);overflow:hidden;margin:6px 0 4px}
.a24ws-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sky),var(--violet))}
.a24ws-link{margin-top:auto;padding-top:8px;color:var(--sky2)!important;font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* Presse */
.a24ws-press{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;margin-top:20px}
.a24ws-dl{border:1px solid var(--line2);border-radius:18px;padding:26px 24px}
.a24ws-dl ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.a24ws-dl a{color:var(--sky2)!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}

@media (max-width:991px){
  .a24ws-app,.a24ws-app:nth-child(even){grid-template-columns:minmax(0,1fr)}
  .a24ws-app:nth-child(even) .a24ws-shot{order:0;border-left:0}
  .a24ws-shot{border-right:0;border-bottom:1px solid var(--line);aspect-ratio:16/10}
  .a24ws-press{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
  .a24ws-tools{grid-template-columns:minmax(0,1fr)}
  .a24ws-app-body{padding:22px 18px}
  .a24ws-tool-body{padding:20px 18px}
}
@media (max-width:575px){
  .a24ws-shot{aspect-ratio:4/5}
  .a24ws-logo{height:56px}
}
@media (prefers-reduced-motion:reduce){.a24ws-shot img{transition:none}}