/* andi24.de – Webdesign-Lexikon: Werkbank (31.10.2026). Nur webdesign-lexikon.php, Grundlook aus a24-lexikon.css */
.a24wd-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.a24wd-col{display:flex;gap:8px;align-items:center}
.a24lex .a24wd-col input[type=color]{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--line2);border-radius:10px;background:var(--navy);padding:3px;margin:0;cursor:pointer}
.a24lex .a24lex-field input[type=text]{font:500 15px var(--f-body)}
.a24lex .a24wd-col input[type=text]{font:500 16px var(--f-mono);text-transform:lowercase}
.a24lex .a24lex-field textarea{border-radius:10px;border:1px solid var(--line2);background:var(--navy);color:var(--ink);font:400 15px/1.5 var(--f-body);padding:10px 12px;width:100%;resize:vertical;min-height:84px;margin:0}
.a24lex .a24lex-field textarea:focus{border-color:var(--sky);outline:none;box-shadow:0 0 0 3px rgba(106,178,207,.25)}
.a24wd-prev{border-radius:12px;padding:16px 18px;border:1px solid var(--line)}
.a24lex .a24wd-prev strong{display:block;font:700 24px/1.2 var(--f-head)}
.a24lex .a24wd-prev p{margin:6px 0 0;font-size:16px;color:inherit}
.a24wd-serp{background:#fff;border-radius:12px;padding:16px 18px;font-family:Arial,Helvetica,sans-serif;color:#202124;min-width:0}
.a24wd-serp .site{display:flex;gap:10px;align-items:center;font-size:14px;line-height:1.3}
.a24wd-serp .site>span:last-child{display:flex;flex-direction:column;min-width:0}
.a24wd-serp .fav{width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#f1f3f4;border:1px solid #dadce0;display:grid;place-items:center;font-size:12px;font-weight:700;color:#3c4043}
.a24wd-serp .url{font-size:12px;color:#4d5156;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.a24wd-serp .t{font-size:20px;line-height:1.3;color:#1a0dab;margin:8px 0 3px;overflow-wrap:anywhere}
.a24wd-serp .d{font-size:14px;line-height:1.58;color:#4d5156;overflow-wrap:anywhere}
.a24wd-ln{display:flex;align-items:center;gap:8px;width:100%}
.a24wd-check{justify-content:center;background:linear-gradient(135deg,rgba(106,178,207,.12),rgba(139,124,246,.1))}
.a24wd-check .a24lex-btn{align-self:flex-start}
@media (max-width:575px){.a24wd-colors{grid-template-columns:minmax(0,1fr)}}