/* Antwortseiten unter /fragen/: kurze Antwort, Grafiken, Kartenraster */
.answer{background:var(--blue-soft);border-radius:var(--r);padding:26px 30px;border-left:4px solid var(--blue)}
.answer b.lbl{display:block;font:700 13px var(--fd);letter-spacing:.04em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.answer p{font-size:clamp(18px,1.7vw,21px);line-height:1.5;color:var(--ink)}
.answer p + p{margin-top:12px;font-size:16px;color:var(--ink-2)}

.scene{margin-top:40px;background:linear-gradient(160deg,#f7f9fd,#eef3fb);border-radius:24px;padding:clamp(12px,3vw,32px)}
.scene svg{display:block;width:100%;height:auto}
.legend5{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:n}
@media(max-width:980px){.legend5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.legend5{grid-template-columns:1fr}}
.legend5 li{background:#fff;border-radius:16px;padding:16px 18px;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;counter-increment:n}
.legend5 li::before{content:counter(n);width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font:700 14px/28px var(--fd);text-align:center}
.legend5 b{font:700 16px var(--fd)}
.legend5 span{font-size:14.5px;color:var(--ink-2);line-height:1.45}
.legend5 em{font-style:normal;font-size:13px;color:var(--blue);font-weight:600}

.docgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
@media(max-width:900px){.docgrid{grid-template-columns:1fr}}
.docgrid > div{background:#fff;border-radius:18px;border:1px solid var(--line);padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.docgrid h3{display:flex;gap:10px;align-items:center}
.docgrid h3 i{width:12px;height:12px;border-radius:50%;flex:none}
.docgrid .auto h3 i{background:var(--green)}
.docgrid .frei h3 i{background:var(--amber)}
.docgrid .buero h3 i{background:var(--ink-3)}
.docgrid ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.docgrid li{border-radius:10px;padding:8px 12px;font:600 14.5px var(--fd);background:var(--bg-soft)}
.docgrid .auto li{background:#e6f5ee;color:#12805c}
.docgrid .frei li{background:#fff6e0;color:#8a5a00}
.docgrid .buero li{background:#f1f3f7;color:var(--ink-3);text-decoration:line-through;text-decoration-thickness:1px}
.docgrid p{font-size:15px;color:var(--ink-2)}

.versions{display:flex;flex-direction:column;gap:0;margin-top:8px;max-width:420px}
.versions div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:15px}
.versions div + div{margin:-6px 10px 0;opacity:.75;transform:scale(.97)}
.versions div + div + div{margin:-6px 20px 0;opacity:.5}
.versions b{font:600 15px var(--fd)}

.tline{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}
@media(max-width:980px){.tline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tline{grid-template-columns:1fr}}
.tline li{display:flex;flex-direction:column;gap:12px}
.tline .st{display:flex;align-items:center;gap:10px;font:700 15px var(--fd)}
.tline .st i{width:12px;height:12px;border-radius:50%;flex:none;background:var(--green);box-shadow:0 0 0 4px #e6f5ee}
.tline .st i.off{background:var(--red);box-shadow:0 0 0 4px #fdecec}
.tline .st i.wait{background:var(--amber);box-shadow:0 0 0 4px #fff4e0}
.tline p{font-size:15px;color:var(--ink-2);line-height:1.5}
.tline .bar{border-radius:12px;padding:11px 13px;font-size:13.5px;line-height:1.4;border:1px solid var(--line);background:#fff}
.tline .bar.off{background:#fdecec;border-color:#f6c9cb;color:#8f1d22}
.tline .bar.wait{background:#fff6e0;border-color:#f3dfb0;color:#7a4d00}
.tline .bar.ok{background:#e6f5ee;border-color:#bfe3d1;color:#0f6b4c}
.tline .bar.ask{background:var(--blue-soft);border-color:#c9daff;color:#0b3a99}
.tline .bar .acts{display:flex;gap:8px;margin-top:8px}
.tline .bar .acts span{border-radius:999px;padding:4px 10px;font-weight:600;font-size:12.5px;background:#fff;border:1px solid #c9daff}
.tline .bar .acts span.p{background:var(--blue);color:#fff;border-color:var(--blue)}

.limits{margin-top:40px;border:1px solid var(--line);border-radius:18px;padding:22px 26px;background:#fff}
.limits h3{margin-bottom:10px}
.limits ul{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--ink-2);font-size:16px}

.qcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
@media(max-width:900px){.qcards{grid-template-columns:1fr}}
.qcards a{text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 24px;display:flex;flex-direction:column;gap:10px;transition:transform .2s,box-shadow .2s}
.qcards a:hover{transform:translateY(-3px);box-shadow:0 18px 40px -20px rgba(11,13,18,.25)}
.qcards a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.qcards small{font:600 12px var(--fb);color:var(--blue);text-transform:uppercase;letter-spacing:.04em}
.qcards b{font:700 19px/1.25 var(--fd);letter-spacing:-.01em}
.qcards span{font-size:15px;color:var(--ink-2);line-height:1.5}
.qcards em{font-style:normal;font-size:14px;color:var(--blue);font-weight:600;margin-top:auto}
.qlist{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--line)}
.qlist li{border-bottom:1px solid var(--line)}
.qlist a{display:flex;justify-content:space-between;gap:16px;padding:16px 2px;text-decoration:none;font:600 17px var(--fd)}
.qlist a span{color:var(--ink-3);font:500 14px var(--fb);white-space:nowrap}
.split > figure{min-width:0;margin:0}
.split .mv-phone{max-width:100%}