/* Live Figma measurements, 7 September 2026. Source frames are archived in reference/. */
/* Sticky header: live Figma 1112:40686 / 1112:34706, 8 September. */
html { scroll-padding-top: 112px; }
.header { position: fixed; --compact-height:91px; --word-height:24.862px; --claim-height:24px; --claim-gap:13px; --brand-slide:calc((var(--compact-height) - var(--word-height))/2 - 20px); transition:height .46s cubic-bezier(.22,1,.36,1); }
.header.is-scrolled { height: 91px; }
.header.is-scrolled::before { content: ''; position: absolute; inset: 0; background: rgb(242 240 240 / 50%); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); z-index: -1; }
/* Preserve the link's layout; slide only the artwork to the compact header's center. */
.header .brand-word { transform:translateY(0); transition:transform .46s cubic-bezier(.22,1,.36,1); }
.header.is-scrolled .brand-word { transform:translateY(var(--brand-slide)); }
.header .brand-claim { height:var(--claim-height); margin-top:var(--claim-gap); opacity:1; visibility:visible; transform:translateY(0); transition:opacity .18s ease,transform .3s ease,visibility 0s; }
.header.is-scrolled .brand-claim { opacity:0; visibility:hidden; transform:translateY(-6px); transition-delay:0s,0s,.18s; }
.brand-word { width: 215.974px; height: 24.862px; gap: 1.768px; }
.brand-word img:first-child { width: 36.243px; height: 23.322px; }
.brand-word img:last-child { width: 177.963px; height: 24.862px; }
.social-links a,.menu-social a { display: flex; align-items: center; gap: 12px; }
.landscape-video { display: block; width: 100%; height: 293px; object-fit: cover; }
@media(max-width:899px) {
  body { padding-top: 88px; }
  body.menu-open { overflow: hidden; }
  html { scroll-padding-top: 108px; }
  .header,.header.is-scrolled { height: 88px; position: fixed; }
  .header { --compact-height:88px; --word-height:15.339px; --claim-height:16px; --claim-gap:7px; --brand-slide:calc((var(--claim-height) + var(--claim-gap))/2); }
  .header.is-scrolled { background: transparent; }
  .header .brand-word { width: 133.253px; height: 15.339px; gap: 1.091px; }
  .header .brand-word img:first-child { width: 22.361px; height: 14.389px; }
  .header .brand-word img:last-child { width: 109.801px; height: 15.339px; }
  .header .menu-toggle { gap: 6px; transform: translateY(1px); }
  .header:has(.is-open) { background: var(--navy); }
  .header:has(.is-open)::before { display: none; }
  .landscape-video { height: 229px; }
}
.nav-arrow,.menu-meta,.menu-baseline { display: none; }
.footer-nav a,.social-links,.legal-links { font-variation-settings: 'wdth' 200,'wght' 300; }
.button svg { height: 12.728px; }
.eyebrow { font-variant: normal; text-transform: uppercase; font-weight: 400; font-variation-settings: 'wdth' 200,'wght' 400; }
.editorial-team { overflow: hidden; }
/* Wie jede andere Teaser-Karte (`.card-background`). Bis zum 19.09.2026 stand
   hier ein Ausschnitt in Prozent (208 % Breite, -76 % nach links), der die
   Gruender an den linken Kartenrand schob und rechts eine leere Wand stehen
   liess — ein Mass, das zu EINEM Kartenformat passte. `cover` haelt die Mitte
   des Bildes in der Mitte der Karte, auf jeder Breite. */
.editorial-team img { position: absolute; inset: 0; max-width: none; width: 100%; height: 100%; object-fit: cover; }
.editorial-card:after { background: linear-gradient(#000,transparent 51.923%); }
.footer-inner { background-image: url('/assets/media/figma/footer-fan.svg'); background-size: 719px 506px; background-position: right top; }
.logo-track { animation: figma-logos 18.438443s linear infinite; }
.logo-track img { width: 150px; height: 45px; }
@keyframes figma-logos { 0%,46.094% { translate: 0 0; } 100% { translate: -1474px 0; } }
.marquee>div { animation: figma-marquee 13.379797s linear infinite; }
@keyframes figma-marquee { from { translate: 955.303px 0; } to { translate: -1217px 0; } }
.conversation-copy h3 { display: none; }
.conversation-questions h3 { font: 700 20px/26px var(--body); margin-bottom: 4px; }
.conversation-questions ul { max-width: 430px; }
.conversation-questions li { border-bottom: 1px solid #d9d4d4; padding: 16px 0; font: 400 17px/24px var(--body); }
.conversation-questions li:last-child { border-bottom: 0; }
.client-support { background: #e5d9fa; }
.back-top a { font-size: 18px; }
.case-image-dots { display: none; }
@media(min-width:900px) {
  .hero:not(.hero-start) { padding-top: 181px; }
  .hero .hero-kicker { font-size: 16px; line-height: 21px; letter-spacing: 1.6px; margin-bottom: 16px!important; }
  .hero:not(.hero-start):not(.hero-kontakt) .hero-grid { grid-template-columns: 581px 1fr; }
  .hero:not(.hero-start):not(.hero-kontakt) .hero-copy { width: 587px; padding-top: 69px; }
  .hero:not(.hero-start) .hero-chevron { margin-bottom: 41px; }
  .hero-loesungen h1 { max-width: 502px; }
  .hero-leistungen h1 { max-width: 560px; }
  .hero-resultate .hero-action { margin-top: 90px; }
  .hero-leistungen .hero-action { margin-top: 40px; }
  .hero-loesungen .hero-action { margin-top: 45px; }
  .problem-list li { min-height: 132px; margin-bottom: 36px; }
  .problem-heading { margin-bottom: 147px; }
  .problem-list p { max-width: 1000px; }
  .problem-action { margin-top: 0; }
  .use-cases>div>h2 { max-width: 1000px; }
  .use-case-window { margin-top: 48px; }
  .use-case h3 { margin-top: 32px; }
  .chips { max-width: 1160px; }
  .chip:nth-child(6) { margin-right: 0; }
  .chips { display: grid; grid-template-columns: max-content max-content 1fr; justify-items: start; }
  .chip:nth-child(3) { grid-column: 3; }
  .chip:nth-child(4) { grid-column: 1; }
  .chip:nth-child(5) { grid-column: 2/4; }
  .chip:nth-child(6) { grid-column: 1/4; }
  .chip:nth-child(7) { grid-column: 1; }
  .chip:nth-child(8) { grid-column: 2; }
  .faq-list { margin-top: 0; }
  .partners h2 { max-width: 820px; }
  .partners>div>div>p { max-width: 820px; font-weight: 500; }
  .bottlenecks h2 { max-width: 960px; }
  .case-study h2 { max-width: 960px; }
  .case-images figure { height: 313px; overflow: hidden; border-radius: 14px; }
  .case-images img { height: 313px; }
  .case-images figure:first-child img { height: 988.2975px; transform: translateY(-247.3639px); }
  .team-teaser-image { position: absolute; height: 460px; }
  .team-teaser-image img { position: absolute; max-width: none; left: -9.35%; top: 0; width: 117.7%; height: 125.99%; }
  .quote-line { max-width: 1000px; }
  /* Dieselbe Flucht wie Kopfzeile, Fuss und die Sections der Startseite
     (1270 px, mindestens 85 px Rand). Vorher eingerueckt auf 1052 px. */
  .cta-inner { width: 733px; margin-left: max(85px, calc((100% - 1270px) / 2)); }
  .final-cta { padding-top: 89px; }
  .final-cta h2 { line-height: 45px; margin-bottom: 48px; }
  .cta-kicker { max-width: 572px; font-size: 18px; line-height: 26px; font-variant: normal; text-transform: none; }
  .cta-copy { max-width: 625px; line-height: 22px; margin-top: 32px; }
  .final-cta .button-row { margin-top: 63px; }
  .footer-inner { padding-bottom: 32px; }
  .footer-contact { padding-top: 57px; }
  .social-links { gap: 29px; }
  .footer-baseline { font-size: 16px; line-height: 21px; color: #942dd1; }
  .conversation-grid { grid-template-rows: auto auto auto; }
  .conversation-questions { grid-area: 2/1; margin-top: 40px; }
  .conversation-action { grid-area: 3/1; }
  .contact-portrait { grid-area: 1/2/4/3; }
  .not-found { height: 675px; padding-top: 295px; }
  .legal-hero { padding-top: 181px; }
  .legal-hero .eyebrow { font-size: 16px; line-height: 21px; letter-spacing: 1.6px; margin-bottom: 16px; }
  .legal-hero h1 { line-height: 45px; margin-bottom: 30px; }
  .legal-hero h3 { color: var(--navy); line-height: 22px; margin: 0 0 68px 2px; }
  .legal-hero p:not(.eyebrow) { margin-left: 1px; }
  .legal-hero p:nth-of-type(3),.legal-hero p:nth-of-type(5) { margin-top: 22px; }
  .legal-body>.container { width: min(1177px,calc(100% - 180px)); margin-left: max(141px,calc((100% - 1158px)/2)); }
  .not-found h1 { max-width: 550px; margin: 21px auto 40px; }
  .not-found .outline-number { top: 200px; font-size: 400px; opacity: .7; }
  .page-404 .back-top { display: grid; height: 125px; background: white; }
}
@media(max-width:899px) {
  .menu-toggle { width: 32px; padding: 0; }
  .menu-toggle span { width: 32px; height: 2px; }
  .main-nav.is-open { padding: 40px 24px 0; gap: 0; background: var(--navy) url('/assets/media/figma/footer-fan.svg') left -139px top 230px/719px 505px no-repeat; }
  .main-nav>a:not(.button) { width: 100%; flex: none; display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border: 0; box-shadow: inset 0 -1px #ffffff26; font-size: 28px; line-height: 36px; color: #f2f0f0; font-variation-settings: 'wdth' 200,'wght' 300; }
  .main-nav>a:nth-child(4) { box-shadow: none; }
  .nav-arrow { display: block; width: 20px; height: 12.728px; color: var(--purple); }
  .nav-arrow svg { width: 20px; height: 12.728px; }
  .main-nav .nav-contact { flex: none; margin: 40px 0 0; justify-content: space-between; }
  .menu-meta { display: block; width: 100%; border-top: 1px solid #ffffff26; margin-top: 24px; padding-top: 32px; font: 400 18px/24px var(--display); font-variation-settings: 'wdth' 200,'wght' 300; }
  .menu-social { display: flex; flex-direction: column; gap: 29px; }
  .menu-social span { display: flex; gap: 12px; }
  .menu-social img { width: 18px; height: 18px; }
  .menu-legal { display: flex; gap: 32px; font-size: 14px; line-height: 18px; margin-top: 32px; }
  .menu-baseline { display: block; flex: none; width: calc(100% + 48px); min-height: 107px; margin: 45px -24px 0; padding: 30px 24px; background: var(--ink); color: #942dd1; text-align: center; font: 400 16px/24px var(--display); font-variation-settings: 'wdth' 200,'wght' 300; }
  .hero:not(.hero-start) { padding: 48px 0 56px; }
  .hero:not(.hero-start) .hero-kicker { font-size: 14px; line-height: 20px; letter-spacing: 1.4px; margin-bottom: 24px; }
  .hero:not(.hero-start) .hero-copy { font-size: 16px; line-height: 24px; margin-top: 24px; }
  .hero:not(.hero-start) .hero-action { margin-top: 24px; }
  .hero-action .button { width: auto; max-width: 100%; }
  .hero-loesungen,.hero-resultate { padding-bottom: 54px!important; }
  .hero-start .hero-action .button,.hero-loesungen .hero-action .button { width: 100%; }
  .hero-kontakt { height: auto; min-height: 898px; }
  .hero-kontakt h1 { margin-bottom: 24px; }
  .hero-kontakt .hero-kicker { max-width: none; }
  .hero-kontakt .contact-bars { position: static; order: 2; width: 301px; max-width: 100%; height: auto; aspect-ratio: 301 / 298; opacity: 1; align-self: flex-start; }
  .hero-kontakt .hero-copy { order: 3; }
  .hero-kontakt strong { font: 500 18px/26px var(--display); font-variation-settings: 'wdth' 200,'wght' 500; font-variant: normal; text-transform: none; }
  .hero-kontakt .hero-copy p+p { margin-top: 24px; }
  .services { padding: 72px 0; }
  .services h2 { margin-bottom: 40px; }
  .service-grid { gap: 16px; }
  .service-card { padding: 24px; border-radius: 24px; display: flex; flex-direction: column; gap: 16px; }
  .service-number { position: static; color: var(--purple); font-size: 48px; line-height: 52px; font-variation-settings: 'wdth' 200,'wght' 300; }
  .service-card h3 { line-height: 28px; margin: 0; }
  .service-card p { font-size: 15px; line-height: 22px; margin: 0; }
  .service-card li { font-size: 14px; line-height: 20px; margin: 0; padding-left: 23px; overflow-wrap: anywhere; }
  .service-card li+li { margin-top: 10px; }
  .contact-options,.conversation,.client-support { padding: 72px 0; }
  .contact-options .simple-cards { margin-top: 40px; gap: 16px; }
  .contact-options .simple-card,.client-support .simple-card { min-height: 0; padding: 24px; }
  .contact-options .simple-card h3,.client-support .simple-card h3 { font-size: 20px; line-height: 26px; margin-bottom: 8px; }
  .contact-options .simple-card p,.client-support .simple-card p { font-size: 15px!important; line-height: 22px!important; }
  .contact-options .simple-card .button,.client-support .simple-card .button { margin-top: 24px; }
  .conversation>div>h2 { margin-bottom: 32px!important; }
  .conversation-grid { gap: 32px; }
  .conversation-copy { order: 0; }
  .contact-portrait { order: 1; margin: 0; }
  .contact-portrait>img { width: 272px; height: 345px; border-radius: 20px; }
  .contact-portrait figcaption { font-size: 15px; line-height: 22px; margin-top: 16px; }
  .contact-portrait strong { display: block; font-size: 16px; line-height: 22px; margin-bottom: 4px; }
  .contact-portrait figcaption br { display: none; }
  .conversation-questions li { font-weight: 500; }
  .conversation-questions li:not(:last-child) { padding-bottom: 15px; }
  .conversation-questions { order: 2; }
  .conversation-questions h3 { margin-bottom: 32px; }
  .conversation-action { order: 3; margin: 0; }
  .conversation-action .button { width: auto; }
  .client-support h2 { margin-bottom: 32px; }
  .client-support>div>div>p+p { margin-top: 8px; }
  .client-support .simple-cards { margin-top: 32px; gap: 16px; }
  .use-cases h2 { max-width: 310px; }
  .quote { height: 397px; min-height: 397px; border-radius: 20px; padding: 24px 18.74px; box-shadow: 0 4px 50px #00000059; }
  .quote .stars { gap: 2.1px; margin-bottom: 28.239px; }
  .quote .stars img { width: 12.6px; height: 10.761px; }
  .quote-person { left: 18.74px; top: 335px; bottom: auto; width: calc(100% - 28px); font-variation-settings: 'wdth' 200,'wght' 500; }
  .partners .eyebrow { font-size: 14px; line-height: 20px; letter-spacing: 1.4px; }
  .partners h2 { margin-bottom: 16px; }
  .partners>div>div>p { font-weight: 500; }
  .partners .simple-cards { gap: 16px; margin-top: 32px; }
  .partners .simple-card { padding: 24px; }
  .partners .simple-card p { font-size: 15px!important; }
  .partners .pill { line-height: 15px; }
  .bottlenecks { padding: 72px 0; }
  .bottleneck-grid { gap: 16px; }
  .bottleneck-grid a { height: 72px; font-size: 18px; line-height: 24px; border-radius: 16px; }
  .bottleneck-grid a span { display: none; }
  .case-study { padding: 72px 0; }
  .case-study .eyebrow { font-size: 14px; line-height: 20px; letter-spacing: 1.4px; margin-bottom: 16px; }
  .case-study h2 { margin-bottom: 40px; }
  .case-images { flex-direction: row; gap: 16px; width: calc(100% + 48px); margin: 0 -24px; padding: 0 24px; scroll-padding: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .case-images figure { flex: 0 0 300px; height: 169px; overflow: hidden; border-radius: 14px; }
  .case-images img { width: 300px; height: 169px; border-radius: 14px; }
  .case-images figure:first-child img { height: 533.618px; max-width: none; transform: translateY(-133.56px); }
  .case-image-dots { display: flex; margin: 40px 0 0; }
  .case-study .quote-line { font-size: 16px; font-weight: 500; line-height: 24px; margin-top: 40px; border-width: 6px; color: #d1c9e0; }
  .metrics { gap: 24px; margin-top: 40px; }
  .metrics strong { font-size: 40px; line-height: 48px; font-weight: 700; }
  .metrics p { font-size: 15px; line-height: 22px; margin-top: 8px; color: #ccc4db; }
  .case-facts p+p { margin-top: 0; }
  .case-facts strong { color: inherit; }
  .one-stop { min-height: 1022px; padding: 72px 0; background: #faf9f7; }
  .one-stop .eyebrow { font-size: 14px; line-height: 18px; letter-spacing: 1.4px; }
  .one-stop h2 { margin-bottom: 16px; }
  .one-stop p:not(.eyebrow) { line-height: 24px; font-weight: 500; }
  .chips { align-items: flex-start; gap: 8px; margin: 32px 0; }
  .chip { font-size: 14px; line-height: 20px; padding: 12px 20px; font-weight: 500; }
  .chip.outlined { padding: 8.5px 20px; line-height: 18px; font-weight: 700; }
  .chip.outlined:nth-child(7) { margin-top: 24px; }
  .one-stop>.container>.button { width: auto; font-size: 14px; gap: 16px; }
  .faq { min-height: 1106px; padding: 72px 0; }
  .faq h2 { margin-bottom: 32px; }
  .faq summary { padding: 24px 0; gap: 16px; align-items: flex-start; }
  .faq summary>span { width: 20px; height: 27px; margin-top: 0; }
  .faq summary>span:before,.faq summary>span:after { top: 12px; }
  .faq details { border-bottom: 0; box-shadow: inset 0 -1px #e0dee0; }
  .faq details:last-child { box-shadow: none; }
  .faq details:nth-child(5) summary { letter-spacing: -.3px; }
  .faq-answer { font-size: 15px; line-height: 22px; padding-bottom: 24px; }
  .faq details[open] summary { padding-bottom: 24px; }
  .legal-hero { padding-top: 48px; }
  .legal-hero .eyebrow { font-size: 14px; line-height: 20px; letter-spacing: 1.4px; margin-bottom: 24px; }
  .legal-hero h1 { margin-bottom: 24px; }
  .legal-hero h3 { color: var(--navy); line-height: 26px; margin-bottom: 24px; }
  .legal-hero p+p { margin-top: 0; }
  .legal-hero p:nth-of-type(3),.legal-hero p:nth-of-type(5) { margin-top: 24px; }
  .legal-body { padding: 56px 0; }
  .legal-body p { line-height: 24px; }
  .legal-body h3 { font-size: 16px; line-height: 24px; }
  .legal-body h3:not(:first-child) { margin-top: 24px; }
  .not-found { padding-top: 48px; display: flex; flex-direction: column; align-items: center; }
  .not-found .outline-number { position: static; transform: none; font-size: 150px; line-height: 199px; opacity: .7; }
  .not-found .container { margin-top: 24px; }
  .not-found .eyebrow { font-size: 14px; line-height: 20px; letter-spacing: 1.4px; margin: 0; }
  .not-found h1 { margin: 24px 0; }
  .not-found .button { width: auto; }
  .footer-inner { padding: 48px 25px 0; background-size: 719px 505px; background-position: left -139px top 414px; }
  .footer-nav { margin-top: 79px; gap: 32px; }
  .footer-nav a { font-size: 18px; line-height: 24px; }
  .footer-contact { margin-top: 80px; }
  .social-links { margin-top: 80px; gap: 29px; font-size: 18px; line-height: 24px; }
  .legal-links { margin-top: 80px; gap: 32px; font-size: 14px; line-height: 18px; }
  .footer-baseline { font-size: 16px; line-height: 21px; color: #942dd1; }
}
@media(prefers-reduced-motion:reduce) { .logo-track,.marquee>div { animation: none; translate: none; } }

/* White logo tiles inside the shared trust section. Wie viele es sind, entscheidet
   die Redaktion im CMS — deshalb wickelt die Reihe zentriert um, statt in einem
   festen Vierer-Raster zu stehen. Mit vier Logos sieht es aus wie im Entwurf:
   `flex: 1 1 176px` laesst sie bis `max-width` wachsen, und 4 x 232 + 3 x 24
   ergeben genau die 1000 px des Fensters. Ab fuenf teilen sie sich dieselbe
   Zeile, eine angebrochene letzte Zeile steht mittig statt linksbuendig. */
.trust.customer-logos {
  height: auto;
  min-height: 0;
  padding: 56px 24px;
  background: var(--navy);
  color: #f2f0f0;
}
.trust.customer-logos>p { max-width: 100%; margin: 0 auto 40px; }
.customer-logos .logo-window { max-width: 1000px; margin-inline: auto; }
.customer-logos .logo-track {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 100%;
  /* Das Laufband schob die Spur ab 900 px um 85 px ein (site.css). Als stehende
     Reihe nimmt dieser Einzug der letzten Kachel den Platz: mit fuenf Logos
     brauchte die Zeile 976 px und hatte nur 915 px. */
  padding: 0;
  animation: none;
  transform: none;
  translate: none;
}
.customer-logo {
  display: grid;
  place-items: center;
  flex: 1 1 176px;
  min-width: 0;
  max-width: 232px;
  height: 112px;
  padding: 16px;
  background: #fff;
  border-radius: 4px;
}
.customer-logos .logo-track img {
  width: 180px;
  max-width: 100%;
  height: 80px;
  object-fit: contain;
}
@media(max-width:600px) {
  .trust.customer-logos { padding: 40px 24px; }
  .trust.customer-logos>p { margin-bottom: 32px; }
  .customer-logos .logo-window { max-width: 420px; }
  .customer-logos .logo-track { gap: 16px; }
  /* Zwei je Zeile wie im Mobil-Entwurf: der Grundwert 176px passt bei 342px
     Inhaltsbreite nur einmal nebeneinander. Die halbe Luecke geht ab. */
  .customer-logo { flex-basis: calc(50% - 8px); max-width: calc(50% - 8px); height: 96px; padding: 12px; }
  .customer-logos .logo-track img { height: 64px; }
}

/* Keep the two-column hero inside tablet and small laptop viewports. */
@media(min-width:900px) and (max-width:1250px) {
  .hero:not(.hero-start):not(.hero-kontakt) .hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .hero:not(.hero-start):not(.hero-kontakt) .hero-copy { width:auto; min-width:0; }
  .hero:not(.hero-start):not(.hero-kontakt) h1 { overflow-wrap:anywhere; hyphens:auto; }
  /* Hier ruecken Hero und Sections der Startseite auf 50 px (homepage.css). */
  .cta-inner { margin-left: 50px; }
}
/* Rechtstext (AGB, Datenschutz): aus Markdown im CMS gerendert */
.legal-text { max-width: 820px; }
.legal-text h2 { font-size: 28px; line-height: 36px; margin: 0 0 16px; }
.legal-body .legal-text h3, .legal-body .legal-text h3:not(:first-child) { font-size: 20px; line-height: 28px; margin: 40px 0 12px; }
.legal-text h4, .legal-text h5 { font-size: 16px; line-height: 24px; margin: 24px 0 8px; }
.legal-text p, .legal-text li { line-height: 24px; }
.legal-text p + p { margin-top: 12px; }
.legal-text :is(ul, ol) { margin: 12px 0; padding-left: 24px; display: grid; gap: 6px; }
.legal-text ul { list-style: disc; }
.legal-text ol { list-style: decimal; }
.legal-text hr { border: 0; border-top: 1px solid currentColor; opacity: .2; margin: 32px 0; }
.legal-text a { text-decoration: underline; }

/* Rechtsseiten (25.09.2026): der Verlauf ist ein Kopfband, kein halber
   Bildschirm. Datenschutz und AGB tragen darin nur ihre Überschrift; eine
   Mindesthöhe liess darunter eine leere Verlaufsfläche von 400 px stehen.
   Das Impressum hat Inhalt im Kopf und wächst mit ihm. */
.legal-hero { min-height: 0; padding: 184px 0 56px; }
.legal-hero h1:last-child { margin-bottom: 0; }
.legal-body { min-height: 0; padding-top: 56px; }
@media (max-width: 899px) {
  .legal-hero { padding: 48px 0 32px; }
  .legal-body { padding-top: 32px; }
}