/* advisory.css: the ONE stylesheet for the /advisory section (hub + one page per
   case) and the shared advisory intake (site/advisory-intake.js). v2 (16 Sep
   2026, evening): the look comes from RJ's Claude Design frames "Advisory Hub
   and Case Pages" (agents/marketing/mockups/advisory/claude-design/, the
   IMPORT-NOTES.md there); copy and prices stay from the report + prices.js;
   forms and behaviour live in code. Palette = the rework chrome: navy #1a2b4a,
   ink #12203a, gold #b08d3e, cream #faf9f7, hairline #eee9e0. Page classes are
   prefixed adv-; the intake is .vx-adv. Never inline a copy of these rules.
   tests/test_advisory_path.py binds every advisory page and mount to this file. */

.adv-page{font-family:'Roboto',system-ui,sans-serif;font-size:16px;line-height:1.7;color:#12203a;background:#faf9f7;-webkit-font-smoothing:antialiased;margin:0}
.adv-page *,.adv-page *::before,.adv-page *::after{box-sizing:border-box}
.adv-page h1,.adv-page h2,.adv-page h3{font-family:'Marcellus',Georgia,serif;font-weight:400;color:#1a2b4a;line-height:1.2;margin:0}
.adv-page p{margin:0}
/* Scoped to main, not the whole body: an unscoped .adv-page a tied with
   .v2-footer-col a at the same specificity (one class + one tag) and, being
   the later stylesheet, won every browser's cascade, painting the footer's
   navy links onto its navy background (invisible). Scoping to main keeps the
   article-body link colour without touching header/footer chrome. */
.adv-page main a{color:#1a2b4a}
.adv-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.adv-skip:focus{position:static;width:auto;height:auto;padding:8px 12px;background:#1a2b4a;color:#fff;font-family:'Montserrat',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1.2px}

.adv-wrap{max-width:1240px;margin:0 auto}
.adv-sect{padding:clamp(36px,4.4vw,76px) clamp(20px,4vw,48px)}
.adv-sect.white{background:#fff;border-bottom:1px solid #eee9e0}
.adv-sect.cream{background:#faf9f7}
.adv-kick{font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:#b08d3e;margin:0 0 14px;display:flex;align-items:center}
.adv-flag{display:inline-flex;width:24px;height:8px;border-radius:1px;overflow:hidden;margin-right:12px;flex:0 0 auto}
.adv-flag i{flex:1}
.adv-flag i:nth-child(1){background:#000}.adv-flag i:nth-child(2){background:#dd0000}.adv-flag i:nth-child(3){background:#ffcc00}
.adv-h2{font-size:clamp(22px,2.5vw,32px);margin:0 0 clamp(24px,2.8vw,40px)}
.adv-lede{font-size:15px;line-height:1.7;color:#4b5666;max-width:58ch}
.adv-mono{font-family:'Roboto Mono',monospace;font-variant-numeric:tabular-nums}

/* Hero */
.adv-hero{background:linear-gradient(180deg,#fff 0%,#faf9f7 100%);border-bottom:1px solid #eee9e0;padding:clamp(28px,3.4vw,60px) clamp(20px,4vw,48px) clamp(34px,3.6vw,56px)}
.adv-crumbs{display:flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:#5a6474;margin-bottom:clamp(20px,2.4vw,34px)}
.adv-crumbs a{color:#5a6474;text-decoration:none}
.adv-crumbs a:hover{color:#1a2b4a}
.adv-crumbs span.sep{color:#ccc4b2}
.adv-crumbs span.here{color:#12203a}
.adv-hero h1{font-size:clamp(30px,4.1vw,56px);line-height:1.12;letter-spacing:-.4px;margin:0 0 18px;max-width:18ch;text-wrap:pretty}
.adv-hero h1 em{color:#b08d3e;font-style:italic}
.adv-hero .adv-lede{font-size:clamp(15px,1.25vw,17.5px);line-height:1.68;margin:0 0 30px}
.adv-checks{display:flex;flex-wrap:wrap;gap:14px 32px;padding-top:26px;border-top:1px solid #eee9e0}
.adv-check{display:flex;align-items:flex-start;gap:10px;flex:0 1 240px;font-size:14px;line-height:1.45;color:#12203a}
.adv-check svg{flex-shrink:0;margin-top:2px}
.adv-proof{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px;font-size:13px;color:#4b5666}
.adv-stars{display:inline-flex;gap:3px}
.adv-hero-cols{display:flex;flex-wrap:wrap;gap:clamp(28px,3.6vw,56px);align-items:flex-start}
.adv-hero-text{flex:1 1 460px;min-width:280px}
.adv-hero-text h1{font-size:clamp(28px,3.6vw,50px);line-height:1.13;max-width:20ch}
.adv-hero-art{flex:1 1 360px;min-width:260px;display:flex;justify-content:center;padding-top:clamp(0px,2vw,28px)}
.adv-hero-art svg{width:min(100%,360px);height:auto}
.adv-btn,.adv-page a.adv-btn{display:inline-flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;background:#1a2b4a;color:#fff;padding:16px 26px;border-radius:4px;border:1.5px solid #1a2b4a;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.adv-btn:hover,.adv-page a.adv-btn:hover{background:#12203a;border-color:#12203a;color:#fff}
.adv-btn.ghost,.adv-page a.adv-btn.ghost{background:#fff;color:#1a2b4a}
.adv-btn.ghost:hover,.adv-page a.adv-btn.ghost:hover{background:#faf6ee;color:#1a2b4a}
.adv-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px}

/* Price card (case hero) */
.adv-price-card{background:#fff;border:1px solid #eae6de;border-left:4px solid #b08d3e;border-radius:10px;padding:clamp(20px,2.2vw,28px);box-shadow:0 14px 34px rgba(18,32,58,.10);max-width:480px}
.adv-price-card .adv-sub{font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#5a6474;margin-bottom:10px}
.adv-price-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.adv-price-head .fig{font-family:'Roboto Mono',monospace;font-weight:500;font-size:clamp(30px,3.2vw,42px);color:#1a2b4a;line-height:1}
.adv-price-head .unit{font-size:14px;color:#4b5666}
.adv-price-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid #f2ede4;font-size:13.5px;color:#12203a}
.adv-price-row .adv-mono{font-size:13px;color:#1a2b4a;white-space:nowrap}
.adv-price-total{padding:14px 0 20px;margin-top:6px;border-top:2px solid #1a2b4a;font-size:13.5px;color:#12203a}
.adv-price-total .adv-mono{color:#1a2b4a}
.adv-price-card .adv-btn{width:100%}

/* Hub tiles */
.adv-tiles-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.adv-tiles-head h2{font-size:clamp(22px,2.5vw,32px);margin:0}
.adv-tiles-head span{font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:#5a6474}
.adv-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.3vw,18px)}
.adv-tiles.four{grid-template-columns:repeat(4,1fr)}
.adv-tiles-head .adv-kick{margin-bottom:10px}
.adv-tile,.adv-page a.adv-tile{position:relative;background:#fff;border:1px solid #eee9e0;border-radius:8px;padding:clamp(16px,1.6vw,22px);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.adv-tile:hover,.adv-page a.adv-tile:hover{border-color:#1a2b4a;box-shadow:0 14px 34px rgba(18,32,58,.10)}
.adv-tile svg{width:52px;height:52px;margin-bottom:16px}
.adv-tile h3{font-size:clamp(16px,1.35vw,19px);line-height:1.24;margin:0 0 8px}
.adv-tile p{font-size:13px;line-height:1.55;color:#5a6474;margin:0 0 16px}
.adv-tile .adv-tile-price{margin-top:auto;padding-top:12px;border-top:1px solid #f2ede4;font-family:'Roboto Mono',monospace;font-size:12px;line-height:1.6;color:#1a2b4a}
.adv-tile.dashed,.adv-page a.adv-tile.dashed{border-style:dashed;border-color:#ccc4b2;background:#fff}
.adv-tiles-note{font-size:12.5px;line-height:1.7;color:#5a6474;margin:22px 0 0;max-width:78ch}
.adv-tiles-note a{text-decoration:underline;text-underline-offset:2px}

/* Steps */
.adv-steps{display:flex;flex-wrap:wrap;gap:clamp(20px,2.4vw,34px)}
.adv-step{flex:1 1 210px;min-width:190px}
.adv-step-line{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.adv-step-ico{width:44px;height:44px;border-radius:50%;border:1px solid #1a2b4a;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff}
.adv-step-ico.gold{border:1.5px solid #b08d3e;background:#faf6ee}
.adv-step-rule{flex:1;height:1px;background:#eee9e0}
.adv-step-num{font-family:'Roboto Mono',monospace;font-size:11px;font-weight:500;letter-spacing:1.2px;color:#b08d3e;margin-bottom:8px}
.adv-step h3{font-size:20px;line-height:1.25;margin:0 0 6px}
.adv-step p{font-size:13.5px;line-height:1.6;color:#5a6474}

/* Quote card section */
.adv-quote-cols{display:flex;flex-wrap:wrap;gap:clamp(28px,4vw,64px);align-items:center}
.adv-quote-text{flex:1 1 360px;min-width:260px}
.adv-quote-text .adv-lede{max-width:42ch}
.adv-quote-art{flex:1 1 380px;min-width:280px;display:flex;justify-content:center}
.adv-angebot{width:100%;max-width:420px;background:#fff;border:1px solid #eae6de;border-radius:6px;padding:clamp(20px,2.2vw,30px);box-shadow:0 24px 54px rgba(18,32,58,.14);transform:rotate(-2.5deg)}
.adv-angebot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #eee9e0}
.adv-angebot-head .t{font-family:'Marcellus',Georgia,serif;font-size:21px;color:#1a2b4a;line-height:1.1}
.adv-angebot-head .s{font-family:'Montserrat',sans-serif;font-size:9px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:#5a6474;margin-top:4px}
.adv-angebot-row{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px dotted #e6e0d4;font-size:13px;color:#12203a}
.adv-angebot-row .adv-mono{font-size:13px;color:#1a2b4a;white-space:nowrap}
.adv-angebot-total{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:18px;margin-top:4px;border-top:2px solid #1a2b4a;font-family:'Montserrat',sans-serif;font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#12203a}
.adv-angebot-note{font-size:11.5px;line-height:1.6;color:#5a6474;margin:14px 0 0}

/* Case page: before/after, needs, gets, fast */
.adv-ba{display:flex;flex-wrap:wrap;gap:clamp(16px,2vw,28px);align-items:stretch}
.adv-ba-card{flex:1 1 320px;min-width:250px;background:#fff;border:1px solid #eee9e0;border-radius:10px;padding:clamp(20px,2.2vw,28px)}
.adv-ba-card.after{border-color:#eae6de;box-shadow:0 14px 34px rgba(18,32,58,.08)}
.adv-ba-tag{font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:16px}
.adv-ba-tag.now{color:#b32020}.adv-ba-tag.after{color:#1e7a4f}
.adv-ba-art{height:120px;display:flex;align-items:center;margin-bottom:18px}
.adv-ba-art svg{height:120px;width:auto;max-width:100%}
.adv-ba-card h3{font-size:19px;line-height:1.25;margin:0 0 8px}
.adv-ba-card p{font-size:13.5px;line-height:1.6;color:#5a6474}
.adv-ba-arrow{flex:0 0 auto;align-self:center;display:flex;align-items:center;justify-content:center;padding:4px 0}
.adv-needs{display:flex;flex-wrap:wrap;gap:clamp(18px,2.2vw,32px)}
.adv-need{flex:1 1 18%;min-width:150px}
.adv-need svg{width:22px;height:22px;margin-bottom:12px;display:block}
.adv-need div{font-size:14.5px;line-height:1.55;color:#12203a}
.adv-gf{display:flex;flex-wrap:wrap;gap:clamp(24px,3vw,48px);align-items:flex-start}
.adv-get{flex:1 1 420px;min-width:280px;background:#fff;border:1px solid #eae6de;border-radius:10px;padding:clamp(22px,2.4vw,32px);box-shadow:0 14px 34px rgba(18,32,58,.08)}
.adv-get .adv-kick,.adv-fast .adv-kick{font-size:10.5px;letter-spacing:1.6px;margin-bottom:18px}
.adv-get-row{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-top:1px solid #f2ede4;font-size:15px;line-height:1.6;color:#12203a}
.adv-get-row svg{flex-shrink:0;margin-top:4px}
.adv-fast{flex:1 1 320px;min-width:260px}
.adv-fast-row{display:flex;align-items:flex-start;gap:16px}
.adv-fast-row .n{width:40px;height:40px;border-radius:50%;border:1px solid #1a2b4a;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Roboto Mono',monospace;font-size:14px;color:#1a2b4a}
.adv-fast-row .n.gold{border:1.5px solid #b08d3e;background:#faf6ee}
.adv-fast-row .b{padding-bottom:20px}
.adv-fast-row .b .t{font-family:'Marcellus',Georgia,serif;font-size:18px;color:#1a2b4a;line-height:1.3}
.adv-fast-row .b .s{font-size:13.5px;color:#5a6474;line-height:1.6}
.adv-proofband{background:#fff;border-bottom:1px solid #eee9e0;padding:clamp(26px,3vw,44px) clamp(20px,4vw,48px)}
.adv-proofband .adv-proof{margin:0;font-size:13.5px}
.adv-rule{margin-top:22px;padding:18px 22px;background:#fff;border-left:3px solid #1a2b4a;border-radius:0 6px 6px 0;font-size:13.5px;line-height:1.7;color:#12203a}
.adv-rule strong{font-weight:500}
.adv-rule a{text-decoration:underline;text-underline-offset:2px}

/* FAQ + related (below the intake) */
.adv-faq-item{background:#fff;border:1px solid #eee9e0;border-radius:6px;margin-bottom:10px}
.adv-faq-item.open{border-color:#d4bfa3}
.adv-faq-q{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 22px;background:none;border:none;text-align:left;cursor:pointer;font-family:'Marcellus',Georgia,serif;font-size:1.05rem;color:#12203a;line-height:1.4;gap:24px}
.adv-faq-q .adv-toggle{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1px solid #dcdcdc;display:flex;align-items:center;justify-content:center;font-size:16px;color:#1a2b4a;transition:all .2s;line-height:1}
.adv-faq-item.open .adv-faq-q .adv-toggle{transform:rotate(45deg);background:#1a2b4a;color:#fff;border-color:#1a2b4a}
.adv-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.adv-faq-item.open .adv-faq-a{max-height:900px}
.adv-faq-a-inner{padding:0 22px 20px;font-size:14.5px;line-height:1.75;color:#12203a}
.adv-faq-a-inner p{color:#12203a}
.adv-related{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.adv-related a,.adv-page .adv-related a{display:block;padding:18px 20px;background:#fff;border:1px solid #eee9e0;border-radius:8px;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.adv-related a:hover{border-color:#1a2b4a;box-shadow:0 14px 34px rgba(18,32,58,.10)}
.adv-related .adv-tag{display:block;font-family:'Montserrat',sans-serif;font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#b08d3e;margin-bottom:6px}
.adv-related h3{font-size:1.02rem;margin:0 0 4px}
.adv-related p{font-size:13px;color:#5a6474;line-height:1.55}
.adv-updated{font-family:'Montserrat',sans-serif;font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:#7a7a7a;margin-top:26px}
.adv-list{list-style:none;padding:0;margin:0}
.adv-list li{padding:10px 0 10px 22px;border-bottom:1px solid #f0f0f4;position:relative;line-height:1.7;color:#12203a}
.adv-list li::before{content:'';position:absolute;left:0;top:19px;width:7px;height:7px;border-radius:50%;background:#1a2b4a;opacity:.45}
.adv-list li:last-child{border-bottom:none}

/* ---------------- The shared intake (.vx-adv) ---------------- */
.vx-adv{background:#fff;border-top:1px solid #eee9e0;padding:clamp(40px,5vw,84px) clamp(20px,4vw,48px) clamp(48px,5vw,92px);font-family:'Roboto',sans-serif;color:#12203a}
.vx-adv.cream{background:#faf9f7}
.vx-adv *{box-sizing:border-box}
.vx-adv .adv-in{max-width:1240px;margin:0 auto;display:flex;flex-wrap:wrap;gap:clamp(24px,3vw,48px)}
.vx-adv .adv-copy{flex:1 1 280px;min-width:240px}
.vx-adv .adv-form{flex:1 1 520px;min-width:280px}
.vx-adv .adv-kick{font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:#b08d3e;margin-bottom:14px}
.vx-adv h2{font-family:'Marcellus',Georgia,serif;font-weight:400;font-size:clamp(22px,2.5vw,32px);line-height:1.2;margin:0 0 14px;color:#1a2b4a}
.vx-adv .adv-copy p{font-size:15px;line-height:1.7;color:#4b5666;margin:0 0 12px;max-width:36ch}
.vx-adv .adv-copy p strong{color:#12203a;font-weight:500}
.vx-adv .adv-card{background:#fff;border:1px solid #eae6de;border-radius:10px;padding:clamp(20px,2.4vw,32px);box-shadow:0 14px 34px rgba(18,32,58,.08)}
.vx-adv .adv-lbl,.vx-adv legend{display:block;font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:500;letter-spacing:1.1px;text-transform:uppercase;color:#12203a;margin:0 0 7px;padding:0}
.vx-adv fieldset{border:none;padding:0;margin:0 0 22px;min-width:0}
.vx-adv .adv-chips{display:flex;flex-wrap:wrap;gap:8px}
.vx-adv .adv-chip{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:500;letter-spacing:.6px;background:#fff;color:#12203a;border:1px solid #ded8cb;border-radius:4px;padding:9px 13px;cursor:pointer;transition:border-color .15s,color .15s;line-height:1.3;text-align:left}
.vx-adv .adv-chip:hover{border-color:#1a2b4a}
.vx-adv .adv-chip[aria-pressed="true"]{background:#1a2b4a;color:#fff;border-color:#1a2b4a}
.vx-adv .adv-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}
.vx-adv .adv-row>div{flex:1 1 200px;min-width:160px;display:flex;flex-direction:column;gap:7px}
.vx-adv .adv-f{font-family:'Roboto',sans-serif;font-size:14px;padding:12px 13px;border-radius:4px;border:1px solid #ded8cb;color:#12203a;background:#fff;outline:none;width:100%;margin:0}
.vx-adv .adv-f:focus{border-color:#1a2b4a;box-shadow:0 0 0 3px rgba(26,43,74,.10)}
.vx-adv textarea.adv-f{line-height:1.6;resize:vertical;min-height:84px}
.vx-adv .adv-details{border:1px solid #eee9e0;border-radius:6px;background:#faf9f7;padding:14px 16px 4px;margin-bottom:20px}
.vx-adv .adv-details summary{cursor:pointer;font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:500;letter-spacing:1.1px;text-transform:uppercase;color:#12203a;padding-bottom:12px;list-style:none;display:flex;justify-content:space-between;align-items:center}
.vx-adv .adv-details summary::-webkit-details-marker{display:none}
.vx-adv .adv-details summary::after{content:'+';font-family:'Marcellus',Georgia,serif;font-size:18px;color:#b08d3e}
.vx-adv .adv-details[open] summary::after{content:'\2212'}
.vx-adv .adv-details .adv-hint{font-size:12.5px;color:#5a6474;line-height:1.5;margin:-6px 0 12px}
.vx-adv .adv-drop{border:1px dashed #ccc4b2;border-radius:6px;background:#faf9f7;padding:18px 20px;display:flex;align-items:center;gap:14px;margin-bottom:22px;cursor:pointer;transition:border-color .15s,background .15s;position:relative}
.vx-adv .adv-drop:hover,.vx-adv .adv-drop.over{border-color:#b08d3e;background:#faf6ee}
.vx-adv .adv-drop svg{flex-shrink:0}
.vx-adv .adv-drop .t{font-size:13.5px;color:#12203a}
.vx-adv .adv-drop .s{font-size:12px;color:#5a6474;margin-top:2px}
.vx-adv .adv-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.vx-adv .adv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.vx-adv .adv-send{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;background:#1a2b4a;color:#fff;padding:16px 26px;border-radius:4px;border:1.5px solid #1a2b4a;cursor:pointer;transition:background .15s}
.vx-adv .adv-send:hover{background:#12203a;border-color:#12203a}
.vx-adv .adv-send:disabled{opacity:.6;cursor:default}
.vx-adv .adv-after{font-size:12.5px;color:#5a6474}
.vx-adv .adv-err{background:#fef2f2;border-left:3px solid #b91c1c;padding:12px 16px;margin:14px 0 0;border-radius:0 6px 6px 0;font-size:14px;color:#7f1d1d}
.vx-adv .adv-err a{color:#7f1d1d}
.vx-adv .adv-fine{font-size:12px;color:#5a6474;line-height:1.65;margin:18px 0 0;padding-top:14px;border-top:1px solid #f2ede4}
.vx-adv .adv-fine a{color:#1a2b4a}
.vx-adv .adv-ok{padding:10px 4px 6px}
.vx-adv .adv-ok-title{font-family:'Marcellus',Georgia,serif;font-size:24px;color:#12203a;margin:0 0 8px}
.vx-adv .adv-ok p{font-size:15px;line-height:1.65;color:#4b5666;margin:0 0 10px}

@media (max-width:980px){
  .adv-tiles,.adv-tiles.four{grid-template-columns:repeat(2,1fr)}
  .adv-related{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .adv-tiles,.adv-tiles.four,.adv-related{grid-template-columns:1fr}
  .adv-hero-art{order:-1;padding-top:0}
  .adv-hero-art svg{width:min(100%,240px)}
  .adv-angebot{transform:none}
  .adv-ba-arrow{transform:rotate(90deg);width:100%}
}