/* BVV Relaunch 2026 – Komponenten. Baut auf styles.css + overrides.css auf. */
:root{--navy:#001529;--navy2:#00294d;--blue:#0071e3;--blue-d:#005bb5;--sky:#5ac8fa;--paper:#f5f5f7;--card:#fff;--ink:#1d1d1f;--muted:#6e6e73;--line:rgba(0,41,77,.14);--ok:#1f8a4c;--warn:#b26a00;--radius:16px;--radius-sm:10px;--radius-xs:6px;--wrap:max(20px,calc((100vw - 1240px)/2))}
body{-webkit-font-smoothing:antialiased}
:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:var(--ink);padding:10px 14px;border-radius:var(--radius-xs)}.skip:focus{left:12px}
.preview-banner{position:fixed;z-index:90;top:0;left:0;right:0;background:#ffcc00;color:#1d1d1f;font:700 11px var(--display);letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:5px 10px}
body.is-preview .nav{top:24px}
/* Navigation */
.nav .navlinks a[aria-current=page]{opacity:1;box-shadow:0 2px 0 var(--sky)}
.nav.solid{position:absolute;background:var(--navy)}
@media(max-width:900px){.nav.open .navlinks{z-index:30;box-shadow:0 20px 50px rgba(0,0,0,.25);border-radius:var(--radius)}.nav.open .navlinks a{padding:8px 0;opacity:1}.nav.open .navlinks .nav-cta{display:inline-flex;margin-top:8px}}
.navlinks .nav-cta{display:none}
/* Page hero (Unterseiten) */
.page-hero{background:var(--navy);color:#fff;padding:150px var(--wrap) 80px;position:relative;overflow:hidden}
.page-hero h1{font:600 clamp(38px,4.6vw,64px)/1.06 var(--display);letter-spacing:-.05em;margin:22px 0 18px;max-width:900px}
.page-hero h1 em{font-style:normal;color:var(--sky)}
.page-hero p.lead{color:#bfd0dd;font-size:18px;max-width:720px;margin:0}
.crumbs{font-size:12px;color:#9fb6c9;display:flex;gap:8px;flex-wrap:wrap}.crumbs a{color:#cfe0ee;text-decoration:underline;text-underline-offset:3px}
/* Status-Badges */
.badge{display:inline-flex;align-items:center;gap:7px;font:700 10px var(--display);text-transform:uppercase;letter-spacing:.1em;padding:6px 10px;border-radius:999px;background:#eef1f5;color:var(--navy2)}
.badge:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.badge.prep{background:#fff4dc;color:var(--warn)}
.badge.avail{background:#e3f5ea;color:var(--ok)}
.badge.ref{background:#e8f2ff;color:var(--blue)}
.badge.dark{background:rgba(255,255,255,.12);color:#ffd27a}
/* Projektkarten */
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.project-card{background:var(--card);color:var(--ink);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}
.project-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,21,41,.12)}
.project-card .art{aspect-ratio:16/10;position:relative;background:var(--navy)}
.project-card .art svg{width:100%;height:100%;display:block}
.project-card .art .badge{position:absolute;top:14px;left:14px}
.project-card .body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.project-card small{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}
.project-card h3{font:700 22px/1.2 var(--display);margin:0}
.project-card p{color:var(--muted);font-size:14px;margin:0}
.project-card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.tag{font-size:11px;padding:4px 9px;border-radius:999px;border:1px solid var(--line);color:var(--navy2)}
.project-card .more{margin-top:auto;padding-top:10px;font-weight:700;font-size:14px;color:var(--blue)}
.project-grid.five .project-card:nth-child(1),.project-grid.five .project-card:nth-child(2){grid-column:span 1}
.on-dark .project-card{border:0}
/* Filter */
.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0 0 28px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.filters label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);min-width:170px;flex:1}
.filters select{font:inherit;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink)}
.filters .reset{border:0;background:none;color:var(--blue);font:600 14px var(--font);cursor:pointer;padding:12px 4px}
.filter-note{font-size:12px;color:var(--muted);margin:-14px 0 24px}
.empty{display:none;padding:30px;text-align:center;color:var(--muted);background:#fff;border-radius:var(--radius)}
/* Generische Abschnitte */
.wrap{padding-left:var(--wrap);padding-right:var(--wrap)}
.sec{padding:100px var(--wrap)}
.sec.light{background:var(--paper)}.sec.white{background:#fff}.sec.dark{background:var(--navy);color:#fff}.sec.dark2{background:var(--navy2);color:#fff}
.sec h2{font:600 clamp(34px,4vw,54px)/1.08 var(--display);letter-spacing:-.045em;margin:20px 0 18px;color:inherit}
.sec h2 em{font-style:normal;color:var(--blue)}.sec.dark h2 em,.sec.dark2 h2 em{color:var(--sky)}
.sec .kicker{font:700 12px var(--display);text-transform:uppercase;letter-spacing:.14em;color:var(--blue);display:flex;gap:11px;align-items:center}
.sec .kicker:before{content:'';width:30px;height:1px;background:var(--sky)}
.sec.dark .kicker,.sec.dark2 .kicker{color:#c2d4e3}
.sec .intro-p{color:var(--muted);font-size:17px;max-width:720px}.sec.dark .intro-p,.sec.dark2 .intro-p{color:#b9cbdb}
.head2{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:46px}
.head2>p{color:var(--muted);font-size:17px;margin:0}.sec.dark .head2>p,.sec.dark2 .head2>p{color:#b9cbdb}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.card h3{font:700 20px/1.25 var(--display);margin:0 0 10px}.card p{color:var(--muted);font-size:15px;margin:0 0 10px}.card ul{padding-left:18px;color:var(--muted);font-size:15px;margin:10px 0 0}.card li{margin:5px 0}
.sec.dark .card,.sec.dark2 .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#fff}.sec.dark .card p,.sec.dark .card ul,.sec.dark2 .card p,.sec.dark2 .card ul{color:#b9cbdb}
.card .num{font:700 12px var(--display);color:var(--blue);letter-spacing:.08em}
.note{font-size:12px;color:var(--muted);line-height:1.55}.sec.dark .note,.sec.dark2 .note{color:#93a9bd}
.callout{border-left:3px solid var(--sky);background:#eef6ff;padding:16px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--navy2);font-size:14px}
.callout.warn{border-color:#f0a500;background:#fff7e6;color:#5a3d00}
/* Homepage hero */
.hero2{background:var(--navy);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;padding:150px var(--wrap) 70px;align-items:center;min-height:760px}
.hero2 h1{font:600 clamp(40px,5vw,72px)/1.04 var(--display);letter-spacing:-.055em;margin:26px 0}
.hero2 h1 em{font-style:normal;color:var(--sky)}
.hero2 .lead{color:#bfd0dd;font-size:18px;max-width:640px}
.hero2 .cta-row{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0 0}
.button.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.button.ghost:hover{background:rgba(255,255,255,.08)}
.button.light{background:#fff;color:var(--navy)}.button.light:hover{background:#e8f2ff}
.hero2 .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;border-top:1px solid rgba(255,255,255,.15);padding-top:22px}
.hero2 .facts b{display:block;font:700 22px var(--display);color:#fff}.hero2 .facts span{font-size:12px;color:#9fb6c9}
.hero2 .visual{position:relative}.hero2 .visual img{width:100%;border-radius:var(--radius);aspect-ratio:4/4.4;object-fit:cover;object-position:50% 25%}
.hero2 .visual .float{position:absolute;left:-30px;bottom:30px;background:#fff;color:var(--ink);border-radius:var(--radius);padding:20px 22px;width:290px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.float small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.float strong{display:block;font:700 17px/1.3 var(--display);margin:6px 0}
/* Auswahlprozess */
.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.checks div{padding:26px 26px 26px 0;border-bottom:1px solid var(--line)}
.checks b{font:700 16px var(--display);display:block;margin-bottom:6px}.checks p{margin:0;color:var(--muted);font-size:14px}
.checks b:before{content:'✓';color:var(--blue);margin-right:10px}
/* Steuerprofil-Tabelle */
.tax-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:14px}
.tax-table th,.tax-table td{padding:16px 18px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.tax-table thead th{border-top:0;background:var(--navy);color:#fff;font:700 12px var(--display);text-transform:uppercase;letter-spacing:.08em}
.tax-table td:first-child{font-weight:700;font-family:var(--display);width:22%}
.tax-table td{color:var(--muted)}.tax-table td:first-child{color:var(--ink)}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* FAQ */
.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;font:700 18px/1.4 var(--display);padding:18px 40px 18px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';position:absolute;right:6px;top:14px;font-size:24px;color:var(--blue);transition:.2s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{margin:0 0 18px;color:var(--muted)}
.sec.dark .faq details{border-color:rgba(255,255,255,.14)}.sec.dark .faq details p{color:#b9cbdb}
/* Team */
.team3{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.member{background:#fff;color:var(--ink);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}


.member div.txt{padding:20px}.member h3{font:700 19px var(--display);margin:0}.member p{color:var(--blue);font-weight:700;font-size:13px;margin:4px 0 8px}.member small{color:var(--muted);font-size:13px}
.member.draft{outline:2px dashed #f0a500;outline-offset:-2px}
/* Landingpage */
.lp-hero{background:var(--navy);color:#fff;padding:140px var(--wrap) 0;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:end}
.lp-hero .copy{padding-bottom:70px}
.lp-hero h1{font:600 clamp(38px,4.6vw,64px)/1.05 var(--display);letter-spacing:-.05em;margin:20px 0}
.lp-hero h1 em{font-style:normal;color:var(--sky)}
.lp-hero .lead{color:#bfd0dd;font-size:18px;max-width:620px}
.lp-hero .art{border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;align-self:stretch;min-height:420px;position:relative}
.lp-hero .art svg{width:100%;height:100%;display:block;position:absolute;inset:0}
.lp-hero .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.lp-nav{position:sticky;top:0;z-index:15;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:24px;overflow-x:auto;padding:0 var(--wrap);white-space:nowrap}
.lp-nav a{padding:16px 0;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent}.lp-nav a:hover,.lp-nav a.on{color:var(--ink);border-color:var(--blue)}
.lp-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:50px;padding:70px var(--wrap) 100px;background:var(--paper);align-items:start}
.lp-main section{padding:0 0 64px;scroll-margin-top:70px}
.lp-main h2{font:600 clamp(28px,3vw,40px)/1.12 var(--display);letter-spacing:-.04em;margin:0 0 16px}
.lp-main h3{font:700 18px var(--display);margin:24px 0 8px}
.lp-main p{color:#43464d}
.facts-table{display:grid;grid-template-columns:repeat(2,1fr);background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.facts-table div{padding:15px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:14px}
.facts-table div:nth-child(-n+2){border-top:0}.facts-table div:nth-child(odd){border-right:1px solid var(--line)}
.facts-table dt{color:var(--muted)}.facts-table dd{margin:0;font-weight:700;text-align:right}
.facts-table dd.pending{color:var(--warn);font-weight:600}
.facts-table dd.ok{color:var(--ok)}
.aside-panel{position:sticky;top:76px;background:#fff;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,21,41,.08);padding:26px}
.aside-panel h3{font:700 21px var(--display);margin:8px 0 6px}.aside-panel>p{color:var(--muted);font-size:14px;margin:0 0 14px}
.contact-mini{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:13px;color:var(--muted)}
.contact-mini img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 15%}
.contact-mini b{display:block;color:var(--ink);font-size:14px}
/* Formulare */
.lead-form{display:grid;gap:12px}
.lead-form label{display:grid;gap:4px;font-size:12px;color:var(--muted)}
.lead-form input,.lead-form textarea,.lead-form select{font:inherit;font-size:15px;padding:12px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;background:#fff;color:var(--ink)}
.lead-form textarea{min-height:90px;resize:vertical}
.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(0,113,227,.15)}
.lead-form .check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5}
.lead-form .check input{width:auto;margin-top:3px}
.lead-form .privacy{font-size:11px;line-height:1.5;color:var(--muted);margin:0}
.lead-form .privacy a,.lead-form .check a{color:var(--blue);text-decoration:underline}
.lead-form button[type=submit]{width:100%;justify-content:center}
.lead-form button[disabled]{opacity:.6;cursor:wait;transform:none}
.lead-form .status{font-size:13px;margin:0;min-height:1em}
.lead-form .status.err{color:#b3261e}.lead-form .status.ok{color:var(--ok)}
.lead-form [aria-invalid=true]{border-color:#b3261e}
.field-err{color:#b3261e;font-size:12px}
.test-hint{font-size:12px;background:#fff7e6;border:1px solid #f3d38a;color:#5a3d00;border-radius:var(--radius-sm);padding:10px 12px}
.test-hint a{color:inherit;text-decoration:underline}
/* Rechner */
/* Schritte */
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.steps4 article{border-top:2px solid var(--sky);padding-top:20px}
.steps4 b{font:700 13px var(--display);color:var(--sky)}.steps4 h3{font:700 19px var(--display);margin:10px 0 8px}.steps4 p{color:#b9cbdb;margin:0;font-size:14px}
.sec.light .steps4 b,.sec.white .steps4 b{color:var(--blue)}.sec.light .steps4 p,.sec.white .steps4 p{color:var(--muted)}
/* Kontaktseite */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}
.contact-list{display:grid;gap:16px}
.contact-list a,.contact-list div{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}
.contact-list small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.contact-list b{font:700 18px var(--display)}
/* Danke */
.thanks{max-width:760px;margin:auto;text-align:center}
.thanks .ok-icon{width:64px;height:64px;border-radius:50%;background:#e3f5ea;color:var(--ok);display:inline-grid;place-items:center;font-size:30px;font-weight:800}
.thanks ol{text-align:left;max-width:560px;margin:30px auto;color:var(--muted)}
.thanks ol li{margin:10px 0}
/* Footer-Erweiterung */
.footer-main{grid-template-columns:1.4fr 1fr 1fr .8fr}
.footer-main a{color:#d6e2ec}
.footer-legal{font-size:11px;color:#8ea2b5;margin-top:26px;max-width:900px;line-height:1.6}
/* Responsive */
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,1fr)}.team3{grid-template-columns:repeat(2,1fr)}.lp-layout{grid-template-columns:1fr}.aside-panel{position:static}.grid4,.steps4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.hero2,.lp-hero{grid-template-columns:1fr}.hero2{min-height:0;padding-top:120px}.hero2 .visual .float{left:12px}.lp-hero .art{min-height:300px}.head2,.grid2,.contact-grid{grid-template-columns:1fr;gap:24px}.grid3,.checks{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.sec{padding:70px 20px}.page-hero{padding:118px 20px 56px}.hero2{padding:112px 20px 48px}.hero2 .facts{grid-template-columns:1fr;gap:10px}.hero2 .visual .float{position:static;width:auto;margin-top:-40px;margin-left:12px;margin-right:12px;position:relative}.project-grid,.grid3,.grid4,.checks,.team3,.steps4{grid-template-columns:1fr}.facts-table{grid-template-columns:1fr}.facts-table div{border-right:0!important}.facts-table div:nth-child(2){border-top:1px solid var(--line)}.lp-hero{padding:112px 20px 0}.lp-layout{padding:44px 20px 80px}.filters label{min-width:100%}.footer-main{grid-template-columns:1fr}.hero2 .cta-row .button,.lp-hero .cta-row .button{width:100%}.tax-table{min-width:620px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.project-grid.four{grid-template-columns:repeat(4,1fr)}.project-grid.four .project-card h3{font-size:18px}.project-grid.four .project-card p{display:none}
@media(max-width:1100px){.project-grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.project-grid.four{grid-template-columns:1fr}}
[hidden]{display:none!important}
picture{display:contents}
footer{background:#000e1c}
.lp-hero .art{background:radial-gradient(circle at 70% 35%,#0a3a6b,#001529)}
.project-card .art img{width:100%;height:100%;object-fit:cover;display:block}
.lp-hero .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%}
.project-card h2{font:700 22px/1.2 var(--display);letter-spacing:0;margin:0;color:var(--ink)}
@media(max-width:640px){.hero2 .visual img{aspect-ratio:4/3}}

/* ---------- Hero mit Video (Startseite) ---------- */
.vhero{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;color:#fff;background:var(--navy);overflow:hidden}
.vhero-media{position:absolute;inset:0;z-index:-2}
.vhero-media img,.vhero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.vhero-media video{opacity:0;transition:opacity 1.2s ease}.vhero-media video.on{opacity:1}
.vhero-ov{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,21,41,.80) 0%,rgba(0,21,41,.58) 42%,rgba(0,21,41,.22) 100%),linear-gradient(180deg,rgba(0,21,41,.60) 0%,rgba(0,21,41,0) 22%,rgba(0,21,41,0) 62%,rgba(0,21,41,.72) 100%)}
.vhero-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:150px var(--wrap) 56px;max-width:calc(820px + 2*var(--wrap))}
.vhero-ey{display:flex;align-items:center;gap:12px;margin:0;font:700 12px var(--display);text-transform:uppercase;letter-spacing:.18em;color:#cfe3f2}
.vhero-ey:before{content:"";width:34px;height:1px;background:var(--sky)}
.vhero h1{font:600 clamp(44px,6.4vw,96px)/1.02 var(--display);letter-spacing:-.05em;margin:24px 0 22px;color:#fff;text-shadow:0 2px 30px rgba(0,10,25,.25)}
.vhero h1 em{font-style:normal;color:var(--sky);display:block}
.vhero-sub{max-width:620px;margin:0;font-size:clamp(17px,1.45vw,21px);line-height:1.6;color:rgba(255,255,255,.88);text-shadow:0 1px 18px rgba(0,10,25,.3)}
.vhero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;margin-top:38px}
.vhero-link{color:#fff;font-weight:600;font-size:15px;border-bottom:1px solid rgba(255,255,255,.45);padding:8px 0}.vhero-link span{margin-left:8px}.vhero-link:hover{border-color:#fff}
.vhero-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px var(--wrap) 30px;border-top:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(0,21,41,.15),rgba(0,21,41,.45))}
.vhero-bar b{display:block;font:600 clamp(17px,1.6vw,22px)/1.2 var(--display);color:#fff}.vhero-bar span{display:block;margin-top:5px;font-size:12px;letter-spacing:.02em;color:#b9cde0}
.vhero-toggle{position:absolute;right:var(--wrap);bottom:116px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(0,21,41,.35);cursor:pointer;display:grid;place-items:center}
.vhero-toggle span{width:12px;height:12px;border-left:3px solid #fff;border-right:3px solid #fff}
.vhero-toggle.paused span{width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff;margin-left:3px}
.vhero-toggle:focus-visible,.vhero-link:focus-visible{outline:2px solid var(--sky);outline-offset:3px}
@media(max-width:900px){.vhero-bar{grid-template-columns:repeat(2,1fr)}.vhero-toggle{bottom:178px}}
@media(max-width:640px){
 .vhero-ov{background:linear-gradient(180deg,rgba(0,21,41,.62) 0%,rgba(0,21,41,.42) 34%,rgba(0,21,41,.55) 60%,rgba(0,21,41,.90) 100%)}
 .vhero-body{justify-content:flex-end;padding:120px 20px 30px}.vhero h1{font-size:clamp(38px,11.5vw,50px);hyphens:manual}.vhero .hide-sm{display:none}
 body[data-page=home] .mobile-cta{transform:translateY(110%);transition:transform .3s ease}body[data-page=home].past-hero .mobile-cta{transform:none}.vhero-ey{font-size:10.5px;letter-spacing:.14em}
 .vhero-ctas .button{width:100%}.vhero-bar{gap:14px 16px;padding:20px 20px 24px}.vhero-bar b{font-size:16px}.vhero-bar span{font-size:11.5px}
 .vhero-toggle{top:auto;bottom:auto;top:96px;right:16px}
}
@media(prefers-reduced-motion:reduce){.vhero-media video{display:none}}
body.is-preview .vhero-body{padding-top:174px}

/* ---------- Merkmale & Filter ---------- */
.tag.feat{background:#e9f5fd;border-color:#bfe3f8;color:#00447e}
.badge.feat{background:rgba(90,200,250,.16);color:#bfe7fb;margin-left:6px}
.filters .feats{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;flex:1.4;min-width:240px}
.filters .feats legend{font-size:12px;color:var(--muted);padding:0;margin-bottom:6px;float:left;width:100%}
.filters .chk{flex-direction:row;align-items:center;gap:8px;min-width:0;flex:0 0 auto;font-size:14px;color:var(--ink);padding:10px 14px;border:1px solid var(--line);border-radius:999px;cursor:pointer}
.filters .chk input{accent-color:var(--blue);width:16px;height:16px;margin:0}
.filters .chk:has(input:checked){border-color:var(--blue);background:#eef6ff}
.footnote{margin-top:18px;font-size:12px;max-width:900px}
.button.ghost.dark{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.button.ghost.dark:hover{background:#eef1f5}

/* ---------- Team ---------- */
.team3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.member{display:flex;flex-direction:column}
.member .photo{background:#e9edf2}
.member .photo picture{display:contents}
.member .photo img{display:block;width:100%;height:auto;aspect-ratio:8/9;object-fit:cover;object-position:50% 0}
.member .ph{aspect-ratio:8/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(160deg,#0a3a6b,#001529);color:#fff;text-align:center;padding:20px}
.member .ph span{font:600 64px/1 var(--display);letter-spacing:-.04em;color:rgba(255,255,255,.9)}
.member .ph small{font:600 12px var(--font);color:#b9cde0}
.member .tasks{margin:8px 0 0;padding:0;list-style:none;font-size:13.5px;color:var(--muted)}
.member .tasks li{padding:5px 0 5px 16px;position:relative;border-top:1px solid var(--line)}
.member .tasks li:before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--sky)}
@media(max-width:640px){.team3{grid-template-columns:1fr 1fr;gap:12px}.member div.txt{padding:14px}.member h3{font-size:16px}.member .tasks{font-size:12.5px}.member .ph span{font-size:44px}}
@media(max-width:400px){.team3{grid-template-columns:1fr}}
.about-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius)}
/* Runde 3: Erstgespräch-Formular, Bestand/Neubau, 7 Schritte, Büro mit Karte */
.beratung-hero-compact{padding-bottom:70px}
.beratung-form-section{grid-template-columns:1.2fr .8fr}
.beratung-card{padding:32px}
.lead-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.trust-list{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px;color:#00294d;font-size:15px}
.trust-list li:before{content:'✓';color:#0068d1;font-weight:700;margin-right:10px}
.choose .card ul{margin:12px 0 18px;padding-left:18px;color:var(--muted);display:grid;gap:6px}
.choose .fit{margin:0;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.choose .fit b{color:var(--ink)}
.steps7{grid-template-columns:repeat(4,1fr);row-gap:30px}
.thanks-p{color:var(--muted);max-width:600px;margin:18px auto}
.office{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center}
.office-txt h2,.office-txt h3{font:700 clamp(28px,3vw,40px)/1.12 var(--display);letter-spacing:-.04em;margin:12px 0 16px}.office-txt h2 em,.office-txt h3 em{font-style:normal;color:var(--blue)}
.office-txt p{color:var(--muted);margin:0 0 14px}.office-txt a{color:inherit}
.office-map{position:relative;aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;background:#e9edf2 linear-gradient(135deg,#eef2f6,#dde4ec);border:1px solid var(--line)}
.office-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-consent{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:24px;gap:6px}
.map-consent p{max-width:360px;font-size:13px;color:var(--muted);margin:0 0 10px}
@media(max-width:900px){.beratung-form-section{grid-template-columns:1fr}.office{grid-template-columns:1fr;gap:24px}}
@media(max-width:640px){.beratung-hero-compact{padding:104px 20px 40px}.beratung-hero-compact h1{margin:16px 0 12px}.lead-form .form-grid{grid-template-columns:1fr}.beratung-card{padding:22px}.beratung-form-section{padding-top:28px}.steps7{grid-template-columns:1fr}}
@media(min-width:641px) and (max-width:1100px){.steps7{grid-template-columns:repeat(2,1fr)}}
/* Runde 5: Projektseiten als Teaser (Über das Projekt, Vorteile, Eckdaten-Box, Beispielbilder) */
.project-card .art.photo img,.lp-hero .art.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.project-card .art.photo{background:#dfe5ec}
.lp-hero .art.photo{background:#0a2540}
.img-note{position:absolute;right:12px;bottom:12px;font:600 10px var(--display);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(0,21,41,.55);padding:5px 9px;border-radius:999px}
.pt-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;max-width:1220px;margin:0 auto;padding:70px 20px 40px;align-items:start}
.pt-main p{color:#424245;font-size:16px;line-height:1.75;margin:0 0 16px}
.pt-h{font:600 clamp(26px,2.6vw,34px)/1.15 var(--display);letter-spacing:-.03em;margin:0 0 18px}
.pt-h3{font:600 22px/1.2 var(--display);letter-spacing:-.02em;margin:34px 0 14px}
.vorteile{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.vorteile li{position:relative;padding-left:30px;color:#424245;font-size:15.5px;line-height:1.55}
.vorteile li:before{content:"";position:absolute;left:2px;top:4px;width:16px;height:9px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg)}
.pt-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px 0 10px}
.pt-gallery figure{margin:0;position:relative;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:3/2;background:#e9edf2}
.pt-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.pt-gallery figcaption{position:absolute;left:10px;bottom:10px;font:600 10px var(--display);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(0,21,41,.55);padding:4px 8px;border-radius:999px}
.pt-form{margin:44px 0 26px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;scroll-margin-top:90px}
.pt-form .pt-h{font-size:26px}
.pt-aside{position:sticky;top:100px}
.pt-card{background:#f5f7fa;border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.pt-card-k{font:700 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--navy2);margin-bottom:8px}
.pt-facts{margin:0 0 20px}
.pt-facts div{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}
.pt-facts dt{color:var(--muted)}.pt-facts dd{margin:0;font-weight:700;color:var(--ink);text-align:right}.pt-facts dd.hi{color:var(--blue)}
.pt-card .button{width:100%;justify-content:center}
.pt-contact{font-size:13px;color:var(--muted);margin:14px 0 0;text-align:center}.pt-contact a{color:var(--blue)}
@media(max-width:960px){.pt-layout{grid-template-columns:1fr;gap:30px;padding:44px 20px 30px}.pt-aside{position:static;order:-1}}
@media(max-width:640px){.pt-gallery{grid-template-columns:1fr}.pt-form{padding:22px}}
/* Kurzexposé */
.expose-page{background:#fff}
.ex{max-width:960px;margin:0 auto;padding:30px 24px 50px;color:var(--ink)}
.ex-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:26px}
.ex-k{font:700 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:0}
.ex h1{font:600 clamp(32px,4vw,46px)/1.08 var(--display);letter-spacing:-.04em;margin:10px 0 12px}.ex h1 em{font-style:normal;color:var(--blue)}
.ex .lead{color:var(--muted);font-size:17px;margin:0 0 22px}
.ex-pics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.ex-pics figure{margin:0;aspect-ratio:3/2;overflow:hidden;border-radius:var(--radius-sm)}.ex-pics img{width:100%;height:100%;object-fit:cover}
.ex-grid{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start}
.ex h2{font:600 22px var(--display);margin:0 0 12px}.ex-grid h2+p{margin-top:0}.ex p{line-height:1.7;color:#424245}.ex .vorteile{margin-bottom:10px}
.ex-next{margin:30px 0 20px;padding:24px;border-radius:var(--radius);background:#f5f7fa}
@media(max-width:760px){.ex-grid,.ex-pics{grid-template-columns:1fr}}
@media print{.ex-print{display:none}.ex{padding:0}.ex-next .button{display:none}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.pt-gallery.one{grid-template-columns:1fr}.pt-gallery.one figure{aspect-ratio:2/1}
.pt-main .note{font-size:12px;line-height:1.6;margin:0 0 10px;color:var(--muted)}

/* Kurzexposé im Präsentationsformat */
.expose-page{background:#e8ecf1}
.ex-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px max(16px,calc((100vw - 1200px)/2));background:rgba(0,21,41,.94);color:#fff;font:600 13px var(--display)}
.slides{max-width:1200px;margin:24px auto 60px;padding:0 16px;display:grid;gap:24px}
.sl{container-type:inline-size;position:relative;aspect-ratio:16/9;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 40px rgba(0,21,41,.12);padding:4.2% 5%;display:flex;flex-direction:column;color:var(--ink)}
.sl h2{font:600 3.3cqw/1.1 var(--display);letter-spacing:-.03em;margin:6px 0 0}.sl h2 em{font-style:normal;color:var(--blue)}
.sl-h{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:3.2%}
.sl-k{font:700 .95cqw var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}.sl-k.light{color:var(--sky)}
.sl-mark{width:10cqw;height:auto;filter:brightness(0);opacity:.82;flex:none}
.sl p{line-height:1.6;color:#424245;margin:0 0 1cqw;font-size:1.35cqw}
.sl-cover{padding:0;color:#fff;background:var(--navy)}
.sl-cover>img,.sl-photo img,.sl-end-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sl-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,21,41,.94) 0%,rgba(0,21,41,.78) 45%,rgba(0,21,41,.15) 100%)}
.sl-cover-in{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:5% 6%;max-width:66%}
.sl-cover h1{font:600 5.2cqw/1.04 var(--display);letter-spacing:-.045em;margin:14px 0 16px}.sl-cover h1 em{font-style:normal;color:var(--sky)}
.sl-cover p{color:#d3e0ea;font-size:1.55cqw;max-width:44cqw}
.sl-logo{width:15cqw;height:auto}
.sl-foot{font:600 .95cqw var(--display);letter-spacing:.08em;color:#9fb6c9;text-transform:uppercase}
.sl-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqw;flex:1;align-content:center}
.sl-card{background:#f3f6fa;border-radius:1cqw;padding:2.4cqw 2cqw 2.6cqw;border-top:3px solid var(--blue)}
.sl-card h3{font:600 1.8cqw/1.2 var(--display);margin:1cqw 0}.sl-card p{font-size:1.25cqw;margin:0}
.sl-n{font:700 2.4cqw var(--display);opacity:.9;color:var(--blue)}
.sl-split{flex-direction:row;padding:0}.sl-split.rev .sl-pad{order:2}
.sl-pad{flex:1.15;padding:4.2% 4.5%;display:flex;flex-direction:column;overflow:hidden}
.sl-photo{flex:1;position:relative;background:#dfe6ee}.sl-photo i,.sl-end-photo i{position:absolute;right:1cqw;bottom:.8cqw;z-index:1;font:600 .85cqw var(--display);color:#fff;background:rgba(0,0,0,.45);padding:3px 8px;border-radius:99px;font-style:normal}
.sl-lines{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.sl-lines li{padding:1cqw 0 1cqw 2.6cqw;border-bottom:1px solid var(--line);position:relative;font-size:1.4cqw;line-height:1.4}
.sl-lines li:before{content:'';position:absolute;left:.3cqw;top:1.45cqw;width:1cqw;height:1cqw;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #e3eefb}
.sl-text p{font-size:1.5cqw}
.sl-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(12cqw,1fr));gap:1.2cqw}
.sl-tile{border:1px solid var(--line);border-top:.3cqw solid var(--navy);border-radius:1cqw;padding:2.4cqw 1cqw;text-align:center;display:flex;flex-direction:column;gap:.8cqw;justify-content:center}
.sl-tile.hi{border-top-color:var(--blue)}.sl-tile b{hyphens:auto;overflow-wrap:anywhere;font:600 1.75cqw/1.2 var(--display);color:var(--navy);letter-spacing:-.02em}.sl-tile.hi b{color:var(--blue)}
.sl-tile span{font-size:.95cqw;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.sl-vorteile{margin:3.4cqw 0 0;columns:2;column-gap:4cqw}.sl-vorteile li{break-inside:avoid;font-size:1.4cqw;margin-bottom:1cqw;padding-left:2.6cqw}.sl-vorteile li:before{width:1.3cqw;height:.7cqw;top:.45cqw;border-width:.18cqw}
.sl-steps{list-style:none;margin:auto 0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:1cqw;counter-reset:s;position:relative}
.sl-steps:before{content:'';position:absolute;left:7%;right:7%;top:3cqw;height:.2cqw;background:linear-gradient(90deg,var(--blue),var(--sky))}
.sl-steps li{text-align:center;position:relative}
.sl-steps span{display:grid;place-items:center;width:6cqw;height:6cqw;margin:0 auto 1.4cqw;border-radius:50%;background:#fff;border:.2cqw solid var(--blue);font:700 2.2cqw var(--display);color:var(--navy)}
.sl-steps b{display:block;font:600 1.45cqw var(--display);color:var(--navy)}.sl-steps small{display:block;font-size:1.15cqw;color:var(--muted);margin-top:.4cqw;line-height:1.4}
.sl-hint{margin-top:0!important;background:#f3f6fa;border-radius:1cqw;padding:1.6cqw 2cqw;font-size:1.3cqw!important;border-left:.35cqw solid var(--blue)}
.sl-projs{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2cqw;flex:1}
.sl-proj{position:relative;border-radius:12px;overflow:hidden;background:var(--navy2);color:#fff;text-decoration:none;min-height:180px}
.sl-proj img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sl-proj span{position:absolute;left:0;right:0;bottom:0;padding:4cqw 1.2cqw 1.2cqw;background:linear-gradient(transparent,rgba(0,21,41,.9))}
.sl-proj b{display:block;font:600 1.4cqw/1.2 var(--display)}.sl-proj small{color:#bcd0e0;font-size:1.05cqw}
.sl-end{flex-direction:row;padding:0;background:var(--navy);color:#fff}
.sl-end-photo{flex:.8;position:relative}
.sl-end-in{flex:1.2;padding:4.5% 5%;display:flex;flex-direction:column;justify-content:center}
.sl-end h2{color:#fff;margin:2.4cqw 0 1.4cqw}.sl-end h2 em{color:var(--sky)}
.sl-end ul{margin:0 0 1.6cqw;padding-left:1.8cqw;color:#d3e0ea;line-height:1.7;font-size:1.45cqw}
.sl-end .sl-logo{width:12cqw}
.sl-sig{color:#d3e0ea!important}.sl-sig a{color:#fff}
.sl-legal .note{font-size:1.1cqw!important;color:var(--muted)}
@media(max-width:900px){
  .sl h2{font-size:26px}.sl-k{font-size:11px}.sl p,.sl-text p,.sl-lines li,.sl-vorteile li,.sl-end ul{font-size:15px}.sl-card h3{font-size:18px}.sl-card p{font-size:14px}.sl-n{font-size:20px}
  .sl-cover h1{font-size:38px}.sl-cover p{font-size:16px;max-width:none}.sl-logo{width:150px}.sl-foot{font-size:11px}.sl-tile b{font-size:20px}.sl-tile span{font-size:11px}.sl-tiles{grid-template-columns:1fr 1fr}
  .sl-steps span{width:52px;height:52px;font-size:18px}.sl-steps b{font-size:15px}.sl-steps small{font-size:13px}.sl-hint{font-size:14px!important}.sl-proj b{font-size:15px}.sl-proj small{font-size:12px}.sl-legal .note{font-size:12px!important}.sl-lines li:before{width:10px;height:10px;top:15px}.sl-lines li{padding-left:26px}.sl-vorteile li{padding-left:30px}.sl-vorteile li:before{width:16px;height:9px;top:4px;border-width:2px}
  .sl{aspect-ratio:auto;padding:28px 22px}
  .sl-split,.sl-end{flex-direction:column;padding:0}.sl-pad,.sl-photo,.sl-end-photo,.sl-end-in{flex:none}.sl-pad{overflow:visible}.sl-split .sl-pad{order:1!important;padding:28px 22px}
  .sl-photo,.sl-end-photo{min-height:240px;order:2}
  .sl-cover{min-height:560px}.sl-cover-in{max-width:none;padding:28px 22px;gap:30px}
  .sl-grid4,.sl-projs{grid-template-columns:1fr 1fr}
  .sl-steps{grid-template-columns:1fr 1fr;gap:20px}.sl-steps:before{display:none}
  .sl-vorteile{columns:1}.sl-end-in{padding:28px 22px}.sl-mark{width:80px}.sl-end .sl-logo{width:130px}
}
@media(max-width:520px){.sl-grid4,.sl-projs{grid-template-columns:1fr}}
@media print{
  @page{size:1440px 810px;margin:0}
  .expose-page{background:#fff}.ex-bar,.sl-end .button{display:none}
  .slides{max-width:none;margin:0;padding:0;gap:0;display:block}
  .sl{width:1440px;height:810px;aspect-ratio:auto;border-radius:0;box-shadow:none;break-after:page;page-break-after:always}
  .sl-legal{height:810px}
  body{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
/* Steuer-Tabelle: auf Handy und schmalen Tablets als Karten statt Querscroll */
@media(max-width:760px){
  .table-scroll{overflow:visible}
  .tax-table{min-width:0!important;border:0;background:none;border-radius:0}
  .tax-table thead{display:none}
  .tax-table,.tax-table tbody,.tax-table tr,.tax-table td{display:block;width:auto!important}
  .tax-table tr{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:6px 18px 10px;margin-bottom:14px}
  .tax-table td{border-top:1px solid var(--line);padding:12px 0;font-size:14.5px;line-height:1.55}
  .tax-table td:first-child{border-top:0;font-size:18px;color:var(--navy);padding:12px 0 8px}
  .tax-table td[data-label]:not(:first-child):before{content:attr(data-label);display:block;font:700 11px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:4px}
}
/* Handy: Button-Zeilen untereinander, Vergleichstabelle als Karten, Fußzeile umbrechen */
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
@media(max-width:640px){
  .cta-row{flex-direction:column;align-items:stretch}.cta-row .button{width:100%}.cta-row .textlink{align-self:flex-start}
  .footer-bottom span{display:block;margin-bottom:6px}
  .comparison{overflow:visible;border:0;background:none}
  .comparison>div{display:block!important;min-width:0!important;background:#f7f6f1;border:1px solid var(--line)!important;border-radius:var(--radius);margin-bottom:12px;overflow:hidden}
  .comparison>.comparison-head{display:none!important}
  .comparison strong{display:block;padding:14px 18px 6px;font-size:16px}
  .comparison span{display:block;border-left:0!important;padding:8px 18px 12px}
  .comparison span:before{display:block;font:700 10px var(--display);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;opacity:.75}
  .comparison span:not(.bvv):before{content:'Unstrukturierte Auswahl'}
  .comparison span.bvv:before{content:'Mit BVV-Prozess'}
}
/* Kundenstimmen (Google-Bewertungen) */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px}
.review blockquote{margin:0;color:#424245;line-height:1.65;font-size:15px}
.review figcaption{margin-top:auto;display:flex;flex-direction:column;font-size:13px;color:var(--muted)}.review figcaption b{color:var(--ink);font-family:var(--display)}
.review-stars{color:#f5a623;letter-spacing:2px}
.rating-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px}.rating-badge b{font:700 18px var(--display)}
.reviews-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin:26px 0 10px}
@media(max-width:900px){.reviews{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.reviews{grid-template-columns:1fr}.reviews-actions{flex-direction:column;align-items:stretch}.reviews-actions .button{width:100%}}
.card-price{margin:14px 0 0!important;font:700 15px var(--display);color:var(--navy)!important}.card-price span{display:block;font:600 10px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}