.auto-comparison{margin-top:44px}.auto-comparison-scroll{overflow-x:auto;border:1px solid #d4e1e4;margin:24px 0 0;border-radius:4px}.auto-comparison table{width:100%;border-collapse:collapse;min-width:540px;color:#173b48;font-size:.95rem;line-height:1.6}.auto-comparison caption{text-align:left;padding:16px 20px;background:#f3f7f7;font-size:.875rem;color:#546c75}.auto-comparison th,.auto-comparison td{text-align:left;vertical-align:top;padding:17px 18px;border-bottom:1px solid #dce6e8;width:33.333%}.auto-comparison thead th{background:#123b48;color:white;font-weight:600}.auto-comparison tbody th{font-weight:600}.auto-comparison tbody tr:nth-child(even){background:#f4f8f8}.auto-comparison tbody tr:last-child>*{border-bottom:0}.auto-comparison td+td{border-left:1px solid #dce6e8}.auto-comparison-note{padding:20px 24px;background:#fcf4e2;border-left:3px solid #d6b771;margin-top:20px;line-height:1.7;color:#173b48}.auto-comparison .auto-comparison-footnote{font-size:.875rem;margin-top:16px}.auto-comparison-scroll:focus-visible{outline:2px solid #007b8d;outline-offset:3px}@media(max-width:600px){.auto-comparison th,.auto-comparison td{padding:12px;font-size:.875rem}.auto-comparison-note{padding:18px}.auto-comparison table{min-width:520px}}
.auto-recommendation{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:28px}.auto-recommendation-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f4e3b9;border:1px solid #dfc789;color:#007b8d}.auto-recommendation-icon svg{width:29px;height:29px}.auto-recommendation .eyebrow{display:block;margin-bottom:10px}.auto-recommendation h3{font-size:1.25rem;line-height:1.4;margin:0 0 12px;color:#173b48}.auto-recommendation p{margin:0 0 12px}.auto-recommendation ul{margin:0;padding-left:20px}.auto-recommendation li{margin:5px 0}@media(max-width:600px){.auto-recommendation{grid-template-columns:1fr;gap:14px;padding:22px}}
.auto-comparison .auto-recommendation{background:#fff;border:1px solid #dce6e8;border-left:3px solid #007b8d;padding:22px;gap:16px;grid-template-columns:36px minmax(0,1fr)}.auto-recommendation-icon{width:36px;height:36px;background:#edf5f6;border:0;border-radius:50%}.auto-recommendation-icon svg{width:23px;height:23px}.auto-recommendation .eyebrow{margin-bottom:5px}.auto-recommendation h3{margin-bottom:8px;font-size:1.2rem}.auto-comparison .auto-recommendation p{font-size:.95rem;line-height:1.55;margin:0 0 10px}.auto-comparison .auto-recommendation .auto-recommendation-label{margin-bottom:4px;font-size:.875rem;color:#546c75}.auto-recommendation ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;font-size:.875rem;line-height:1.5}.auto-recommendation li{margin:3px 0}.auto-recommendation li::marker{color:#007b8d}@media(max-width:600px){.auto-comparison .auto-recommendation{padding:18px;grid-template-columns:1fr;gap:10px}.auto-recommendation ul{grid-template-columns:1fr}}
.auto-comparison .auto-recommendation-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:28px;background:#edf6f6;border:0;border-radius:4px}.auto-recommendation-split>div+div{border-left:1px solid #c8dade;padding-left:32px}.auto-recommendation-split h3{margin:6px 0 12px}.auto-comparison .auto-recommendation-split p:last-child{margin-bottom:0}@media(max-width:600px){.auto-comparison .auto-recommendation-split{grid-template-columns:1fr;gap:20px;padding:22px}.auto-recommendation-split>div+div{border-left:0;border-top:1px solid #c8dade;padding:20px 0 0}}
.auto-recommendation-split>div:first-child{position:relative;isolation:isolate;min-height:230px;padding-bottom:80px}.auto-recommendation-split>div:first-child::before{content:"";position:absolute;inset:-12px -10px -12px -12px;z-index:-1;background:linear-gradient(180deg,#edf6f6 0%,#edf6f6e8 30%,#edf6f620 70%),url('smart-pro-recommendation-v2-v203.webp') right bottom/cover no-repeat;opacity:.7;border-radius:4px}.auto-recommendation-split>div:first-child p{max-width:310px}@media(max-width:600px){.auto-recommendation-split>div:first-child{min-height:230px;padding-bottom:90px}}
.auto-comparison .auto-recommendation-image{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:510px;padding:36px;border:0;border-radius:6px;background:#edf6f6 url('smart-pro-recommendation-v2-v203.webp') center/cover no-repeat}.auto-recommendation-image::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#edf6f6f5,#edf6f6bf 40%,transparent 75%)}.auto-recommendation-image .auto-recommendation-copy{max-width:440px}.auto-recommendation-image h3{font-size:28px;line-height:1.2;margin:8px 0 16px}.auto-comparison .auto-recommendation-image p{font-size:1rem;line-height:1.6}.auto-recommendation-image ul{display:block;list-style:none;padding:0;margin:26px 0 0;font-size:1rem}.auto-recommendation-image li{padding:10px 0;border-top:1px solid #b7cdd2;margin:0}.auto-recommendation-image li::before{content:"✓";color:#007b8d;margin-right:10px}@media(max-width:600px){.auto-comparison .auto-recommendation-image{padding:22px;min-height:600px;background-size:auto 100%;background-position:65% center}.auto-recommendation-image::before{background:linear-gradient(#edf6f6fa 0%,#edf6f6f0 65%,#edf6f644)}.auto-recommendation-image h3{font-size:24px}}

#auto-beratung .hero-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}
@media(max-width:600px){#auto-beratung .hero-actions{gap:12px}}

/* One shared table: feature cards on narrow screens, columns on desktop. */
.comparison-mobile-label { display: none; }
@media (max-width: 700px) {
  .auto-comparison-scroll { overflow: visible; border: 0; border-radius: 0; }
  .auto-comparison table { display: block; min-width: 0; width: 100%; }
  .auto-comparison caption { display: block; padding: 0 0 16px; background: none; }
  .auto-comparison thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .auto-comparison tbody { display: block; }
  .auto-comparison tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 16px; border: 1px solid #c9dce0; border-radius: 6px; overflow: hidden; background: #fff; }
  .auto-comparison tbody th { grid-column: 1 / -1; display: block; width: auto; padding: 12px 14px; background: #123b48; color: #fff; border: 0; font-size: .95rem; }
  .auto-comparison tbody td { display: block; width: auto; min-width: 0; padding: 14px; border-bottom: 0; font-size: .875rem; overflow-wrap: anywhere; }
  .auto-comparison tbody td + td { background: #edf6f6; border-left: 1px solid #c9dce0; }
  .auto-comparison .comparison-mobile-label { display: block; color: #007b8d; font-weight: 700; font-size: .875rem; margin-bottom: 8px; }
  .auto-comparison tbody tr:first-child td > strong { display: block; font-size: 1.35rem; color: #123b48; }
}

.comparison-paid { display: inline-flex; align-items: center; gap: 6px; }
.comparison-paid-check { flex: 0 0 auto; }
