/* Vergleichsseite Webdesign Wien – bestehendes Layout, an das neue Design angepasst */
.ac-wd{
  --accent:#3885bb;
  --accent-dark:#2b6e9e;
  --accent-soft:#e6f0f8;
  --accent-soft2:#e6f0f8;
  --ink:#0b2240;
  --ink-2:#33465e;
  --ink-3:#5b6b80;
  --line:#dfe6ee;
  --line-2:#f2f5fb;
  --bg:#ffffff;
  --bg-soft:#f6f8fb;
  --gold:#e3a008;
  --green:#16a34a;
  --radius:12px;
  --radius-lg:16px;
  --shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.06);
  --shadow-lg:0 2px 4px rgba(15,23,42,.04),0 18px 50px rgba(15,23,42,.10);
  --maxw:1160px;
}.ac-wd *{box-sizing:border-box}.ac-wd{scroll-behavior:smooth}.ac-wd{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--ag-f-body),system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;
}.ac-wd .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.ac-wd a{color:var(--accent);text-decoration:none}.ac-wd a:hover{text-decoration:underline}.ac-wd h1,.ac-wd h2,.ac-wd h3,.ac-wd h4{color:var(--ink);letter-spacing:-.02em;margin:0 0 .5em}.ac-wd h1{font-size:clamp(1.9rem,4.4vw,2.65rem);font-weight:800;line-height:1.14;letter-spacing:-.5px}.ac-wd h2{font-size:clamp(1.55rem,3vw,2.3rem);font-weight:700;line-height:1.2}.ac-wd h3{font-size:clamp(1.15rem,1.9vw,1.45rem);font-weight:700;line-height:1.3}.ac-wd h4{font-size:1.05rem;font-weight:800;letter-spacing:0}.ac-wd p{margin:0 0 1.1em}.ac-wd section{padding:72px 0}.ac-wd section.tight{padding:48px 0}.ac-wd .soft{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ac-wd .btn{display:inline-block;background:var(--accent);color:#fff;font-weight:600;border-radius:10px;padding:12px 26px;border:0;font-size:.95rem;transition:background .15s ease,transform .15s ease}.ac-wd .btn:hover{background:var(--accent-dark);text-decoration:none;transform:translateY(-1px)}.ac-wd .btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.ac-wd .btn.ghost:hover{background:var(--bg-soft);border-color:#cbd5e1}.ac-wd .btn.lg{padding:15px 34px;font-size:1.02rem}.ac-wd .hero{background:linear-gradient(180deg,#fff 0%,var(--accent-soft) 100%);padding:48px 0 56px;border-bottom:1px solid var(--line);border-radius:var(--radius-lg)}.ac-wd .eyebrow{display:inline-block;background:var(--accent-soft2);color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:8px 16px;border-radius:8px;margin-bottom:22px}.ac-wd .hero .lead{font-size:1.22rem;color:var(--ink-2);max-width:70ch;font-weight:500}.ac-wd .hero .lead strong{color:var(--ink);font-weight:800}.ac-wd .hero-grid{display:grid;grid-template-columns:1.35fr .95fr;gap:48px;align-items:start}@media(max-width:960px){.ac-wd .hero-grid{grid-template-columns:1fr;gap:32px}}.ac-wd .winner-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:28px;position:relative;overflow:hidden}.ac-wd .winner-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--accent),#6366f1)}.ac-wd .winner-card .tag{display:inline-block;background:var(--ink);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 13px;border-radius:50px;margin-bottom:14px}.ac-wd .winner-card .name{font-size:1.65rem;font-weight:900;letter-spacing:-.02em;margin:0 0 4px}.ac-wd .winner-card .place{color:var(--ink-3);font-size:.92rem;font-weight:600;margin-bottom:16px}.ac-wd .scorebar{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.ac-wd .scorebar .num{font-size:2.6rem;font-weight:900;letter-spacing:-.04em;color:var(--accent);line-height:1}.ac-wd .scorebar .max{color:var(--ink-3);font-weight:700;font-size:1rem}.ac-wd .stars{color:var(--gold);font-size:1.1rem;letter-spacing:2px}.ac-wd .mini{font-size:.86rem;color:var(--ink-3);font-weight:600}.ac-wd .winner-list{list-style:none;padding:0;margin:18px 0 22px;font-size:.95rem}.ac-wd .winner-list li{position:relative;padding-left:28px;margin-bottom:9px;color:var(--ink-2);font-weight:500}.ac-wd .winner-list li:before{content:"✓";position:absolute;left:0;top:0;width:19px;height:19px;background:var(--green);color:#fff;border-radius:50%;font-size:.72rem;display:flex;align-items:center;justify-content:center;font-weight:800;margin-top:4px}.ac-wd .facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-top:44px}.ac-wd .facts div{background:#fff;padding:22px 20px;text-align:center}.ac-wd .facts .k{font-size:1.7rem;font-weight:900;color:var(--accent);letter-spacing:-.03em;line-height:1.1}.ac-wd .facts .v{font-size:.82rem;color:var(--ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:5px}@media(max-width:760px){.ac-wd .facts{grid-template-columns:repeat(2,1fr)}}.ac-wd .keybox{background:#fff;border:2px solid var(--accent-soft2);border-radius:var(--radius-lg);padding:32px 34px}.ac-wd .keybox h2{font-size:1.4rem;margin-bottom:16px}.ac-wd .keybox ul{margin:0;padding-left:22px}.ac-wd .keybox li{margin-bottom:11px;color:var(--ink-2);font-weight:500}.ac-wd .keybox li strong{color:var(--ink);font-weight:800}.ac-wd .tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff}.ac-wd table.cmp{width:100%;border-collapse:collapse;font-size:.93rem;min-width:940px}.ac-wd table.cmp th{background:var(--ink);color:#fff;text-align:left;padding:16px 16px;font-weight:700;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.ac-wd table.cmp td{padding:16px 16px;border-top:1px solid var(--line-2);vertical-align:middle;color:var(--ink-2)}.ac-wd table.cmp tr.top td{background:var(--accent-soft);border-top:2px solid var(--accent);border-bottom:2px solid var(--accent)}.ac-wd table.cmp .rank{font-weight:900;font-size:1.15rem;color:var(--ink);width:52px}.ac-wd table.cmp tr.top .rank{color:var(--accent)}.ac-wd table.cmp .ag{font-weight:800;color:var(--ink);white-space:nowrap}.ac-wd table.cmp .badge{display:inline-block;background:var(--accent);color:#fff;font-size:.63rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:50px;margin-left:8px;vertical-align:2px}.ac-wd table.cmp .sc{font-weight:800;color:var(--ink);white-space:nowrap}.ac-wd table.cmp .st{color:var(--gold);white-space:nowrap;letter-spacing:1px}.ac-wd table.cmp tbody tr:hover td{background:var(--bg-soft)}.ac-wd table.cmp tbody tr.top:hover td{background:var(--accent-soft2)}.ac-wd .agency{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:30px 32px;margin-bottom:20px;box-shadow:var(--shadow);position:relative}.ac-wd .agency.winner{border:2px solid var(--accent);box-shadow:var(--shadow-lg);padding-top:34px}.ac-wd .agency-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;margin-bottom:18px}.ac-wd .agency .rk{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line);font-weight:900;font-size:1.05rem;color:var(--ink-3);flex:none}.ac-wd .agency.winner .rk{background:var(--accent);border-color:var(--accent);color:#fff}.ac-wd .agency-title{display:flex;gap:16px;align-items:flex-start}.ac-wd .agency-title h3{margin:0 0 3px}.ac-wd .agency-title .loc{color:var(--ink-3);font-size:.9rem;font-weight:600}.ac-wd .agency-score{text-align:right;flex:none}.ac-wd .agency-score .n{font-size:1.9rem;font-weight:900;letter-spacing:-.03em;color:var(--accent);line-height:1}.ac-wd .agency-score .s{color:var(--gold);font-size:.95rem;letter-spacing:1px}.ac-wd .agency-score .l{font-size:.72rem;color:var(--ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.07em}.ac-wd .specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:18px}.ac-wd .specs div{background:var(--bg-soft);padding:14px 16px}.ac-wd .specs .lab{font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}.ac-wd .specs .val{font-size:.9rem;font-weight:700;color:var(--ink);line-height:1.45}@media(max-width:880px){.ac-wd .specs{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ac-wd .specs{grid-template-columns:1fr}}.ac-wd .tags{margin:0 0 4px;display:flex;flex-wrap:wrap;gap:8px}.ac-wd .tag{background:var(--accent-soft);color:var(--accent-dark);font-size:.78rem;font-weight:700;padding:5px 13px;border-radius:50px}.ac-wd .agency p{font-size:.98rem;color:var(--ink-2);margin-bottom:.9em}.ac-wd .agency.winner p{font-size:1.02rem}.ac-wd .pro-con{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0 4px}@media(max-width:700px){.ac-wd .pro-con{grid-template-columns:1fr;gap:14px}}.ac-wd .pro-con h4{margin-bottom:8px}.ac-wd .pro-con ul{margin:0;padding-left:20px;font-size:.94rem;color:var(--ink-2)}.ac-wd .pro-con li{margin-bottom:6px}.ac-wd .ribbon{position:absolute;top:-13px;left:32px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px}.ac-wd .crit{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}@media(max-width:1000px){.ac-wd .crit{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.ac-wd .crit{grid-template-columns:1fr}}.ac-wd .crit .c{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.ac-wd .crit .w{display:inline-block;background:var(--ink);color:#fff;font-size:.75rem;font-weight:800;padding:4px 11px;border-radius:50px;margin-bottom:12px}.ac-wd .crit h4{margin-bottom:6px}.ac-wd .crit p{font-size:.9rem;color:var(--ink-3);margin:0}.ac-wd .prose{max-width:78ch;margin:0 auto}.ac-wd .prose h2{margin-top:2em}.ac-wd .prose h2:first-child{margin-top:0}.ac-wd .prose h3{margin-top:1.7em}.ac-wd .prose ul,.ac-wd .prose ol{padding-left:24px}.ac-wd .prose li{margin-bottom:9px;color:var(--ink-2)}.ac-wd .prose table{width:100%;border-collapse:collapse;font-size:.94rem;margin:24px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.ac-wd .prose th{background:var(--bg-soft);text-align:left;padding:13px 15px;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);border-bottom:1px solid var(--line)}.ac-wd .prose td{padding:13px 15px;border-bottom:1px solid var(--line-2);color:var(--ink-2)}.ac-wd .callout{background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:0 12px 12px 0;padding:20px 24px;margin:26px 0}.ac-wd .callout p:last-child{margin-bottom:0}.ac-wd .callout strong{color:var(--ink)}.ac-wd .faq{max-width:860px;margin:0 auto}.ac-wd .faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;box-shadow:var(--shadow)}.ac-wd .faq summary{cursor:pointer;padding:20px 24px;font-weight:800;font-size:1.03rem;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}.ac-wd .faq summary::-webkit-details-marker{display:none}.ac-wd .faq summary:after{content:"+";color:var(--accent);font-weight:800;font-size:1.5rem;line-height:1;flex:none}.ac-wd .faq details[open] summary:after{content:"–"}.ac-wd .faq .a{padding:0 24px 22px;color:var(--ink-2);font-size:.98rem}.ac-wd .faq .a p:last-child{margin-bottom:0}.ac-wd .cta{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:54px 48px;text-align:center}.ac-wd .cta h2{color:#fff}.ac-wd .cta p{color:#cbd5e1;max-width:62ch;margin:0 auto 26px;font-size:1.08rem}.ac-wd .cta .btn{background:#fff;color:var(--ink)}.ac-wd .cta .btn:hover{background:var(--accent-soft)}.ac-wd .cta .eyebrow{background:rgba(255,255,255,.12);color:#fff}@media(max-width:640px){.ac-wd .cta{padding:38px 24px}}.ac-wd .disclosure{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px;font-size:.88rem;color:var(--ink-3);max-width:78ch;margin:0 auto}.ac-wd .disclosure strong{color:var(--ink-2)}.ac-wd .updated{font-size:.85rem;color:var(--ink-3);font-weight:600;margin-bottom:8px}.ac-wd .toc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px;margin:0 auto 44px;max-width:78ch;box-shadow:var(--shadow)}.ac-wd .toc h4{margin-bottom:10px}.ac-wd .toc ol{margin:0;padding-left:20px;columns:2;column-gap:32px}@media(max-width:640px){.ac-wd .toc ol{columns:1}}.ac-wd .toc li{margin-bottom:6px;font-size:.93rem}
.ac-wd{font-size:16px;line-height:1.65}.ac-wd h1,.ac-wd h2,.ac-wd h3,.ac-wd h4{font-family:var(--ag-f-display)}.ac-wd .hero{border-radius:0;background:var(--ag-paper)}.ac-wd .btn{font-family:var(--ag-f-display);font-weight:700;border-radius:8px}.ac-wd .btn:not(.ghost){background:var(--ag-navy)}.ac-wd .btn:not(.ghost):hover{background:var(--ag-blue)}.ac-wd section{scroll-margin-top:90px}