/* ==========================================================================
   Timeless Motors · Premium Polish
   Final public-page override layer. No new content, only presentation polish.
   ========================================================================== */

html,
body{
  max-width:100%;
  overflow-x:hidden;
}

.btn,
.nav-cta,
.form-submit,
.v2-mobile-cta-bar a{
  text-align:center;
}

.btn-ghost,
.btn-cream{
  background-color:rgba(244,235,214,.05);
}

.tile,
.page-card,
.stimme,
.kontakt-form,
.kontakt-direct,
.v2-item,
.v2-held-card,
.us-faq-item,
.faq-item{
  will-change:transform;
}

.tile:hover,
.page-card:hover,
.v2-item:hover,
.us-faq-item:hover,
.faq-item:hover{
  transform:translateY(-2px);
}

.crew-portrait{
  min-height:0;
  aspect-ratio:3 / 4;
}

.crew-portrait img,
.crew-portrait-placeholder{
  width:100%;
  height:100%;
  min-height:clamp(260px,32vw,420px);
  object-fit:cover;
}

.crew-portrait-placeholder{
  display:grid;
  place-items:center;
  text-align:center;
}

img{
  overflow-clip-margin:content-box;
}

@media (max-width:760px){
  .mnav-panel:not([data-open="true"]),
  .mnav-backdrop:not([data-open="true"]){
    display:none !important;
  }

  .container,
  .hero-inner,
  .hero .container{
    max-width:100%;
  }

  .hero{
    overflow:hidden;
  }

  .hero h1{
    max-width:100%;
    overflow-wrap:normal;
  }

  .hero-sub{
    width:auto !important;
    max-width:min(30ch,calc(100vw - 48px)) !important;
    overflow-wrap:break-word;
    hyphens:auto;
  }

  .hero-points,
  .hero-specs,
  .hero-meta-row{
    width:auto !important;
    max-width:100%;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-start;
  }

  .hero-point,
  .hero-spec,
  .hero-note,
  .hero-badge,
  .v2-doppel-page-no,
  .stimmen-rate-inline{
    white-space:normal !important;
    overflow-wrap:anywhere;
  }

  .hero-point,
  .hero-spec{
    flex:1 1 100%;
  }

  .hero-ctas{
    margin-top:4px;
  }

  .hero-ctas .btn{
    width:100%;
  }

  .sec-head h2,
  .warum-h2,
  .featured-h2,
  .cta-h2,
  .cta-stripe h2{
    max-width:100%;
    overflow-wrap:anywhere;
    hyphens:auto;
  }

  .sec-head h2 .accent{
    display:block;
    max-width:13.5ch;
    overflow-wrap:anywhere;
  }

  .sec-lead{
    max-width:min(34ch,calc(100vw - 40px)) !important;
    overflow-wrap:break-word;
  }

  section.hero#top .hero-inner,
  .hero .hero-inner{
    width:100vw !important;
    max-width:100vw !important;
    padding-left:24px !important;
    padding-right:24px !important;
    overflow:hidden;
  }

  .kontakt-form,
  .kontakt-direct{
    box-shadow:0 10px 28px -18px rgba(26,24,16,.34);
  }

  .kontakt-direct-list > a,
  .kontakt-direct-list > span{
    min-width:0;
  }

  .kontakt-direct-value{
    overflow-wrap:anywhere;
  }

  .v2-mobile-cta-bar{
    min-height:64px;
    padding-bottom:max(8px,env(safe-area-inset-bottom));
    box-shadow:0 -14px 30px -22px rgba(0,0,0,.75);
  }

  body:has(.v2-mobile-cta-bar){
    padding-bottom:72px;
  }

  .footer{
    padding-bottom:max(34px,env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width:430px){
  section.hero#top .hero-inner,
  .hero .hero-inner{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .hero h1{
    font-size:clamp(34px,10vw,52px) !important;
  }

  .hero-sub{
    max-width:min(29ch,calc(100vw - 40px)) !important;
    font-size:14px !important;
    line-height:1.58 !important;
  }

  .btn,
  .form-submit,
  .nav-cta{
    letter-spacing:.1em !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .tile:hover,
  .page-card:hover,
  .v2-item:hover,
  .us-faq-item:hover,
  .faq-item:hover{
    transform:none;
  }
}

/* Hero image balance and calmer logo placement */
.hero-stamp{
  margin:clamp(10px,1.6vw,18px) 0 clamp(16px,2vw,24px) !important;
}

.hero-stamp img{
  width:clamp(56px,5.2vw,78px) !important;
  height:clamp(56px,5.2vw,78px) !important;
  opacity:.88 !important;
}

@media (min-width:900px){
  .page-werkstatt section.hero#top .hero-bg{
    background-size:128% auto !important;
    background-position:left 30% !important;
    background-repeat:no-repeat !important;
  }

  .page-werkstatt section.hero#top .hero-inner{
    padding-left:clamp(40px,5vw,72px) !important;
    padding-right:clamp(540px,50vw,900px) !important;
  }

  .page-werkstatt section.hero#top h1{
    max-width:16ch !important;
    font-size:clamp(56px,7.4vw,116px) !important;
  }

  .page-werkstatt section.hero#top h1 .accent{
    white-space:nowrap !important;
  }

  .page-werkstatt section.hero#top .hero-meta-top,
  .page-werkstatt section.hero#top .hero-sub,
  .page-werkstatt section.hero#top .hero-points,
  .page-werkstatt section.hero#top .hero-ctas,
  .page-werkstatt section.hero#top .hero-note{
    max-width:600px !important;
  }

  .page-motorrad section.hero#top .hero-inner,
  .page-inspektion section.hero#top .hero-inner{
    align-items:flex-start !important;
    text-align:left !important;
  }

  .page-motorrad section.hero#top .hero-breadcrumb,
  .page-motorrad section.hero#top .hero-points,
  .page-motorrad section.hero#top .hero-ctas,
  .page-inspektion section.hero#top .hero-breadcrumb,
  .page-inspektion section.hero#top .hero-specs,
  .page-inspektion section.hero#top .hero-ctas{
    justify-content:flex-start !important;
  }

  .page-motorrad section.hero#top .hero-sub,
  .page-inspektion section.hero#top .hero-sub{
    margin-left:0 !important;
    margin-right:0 !important;
    max-width:60ch !important;
  }

  .page-us-cars section.hero#top .hero-bg{background-position:67% 22% !important}
  .page-karosserie section.hero#top .hero-bg{background-position:62% 40% !important}
  .page-lackiererei section.hero#top .hero-bg{background-position:64% 38% !important}
  .page-motorrad section.hero#top .hero-bg{background-position:64% 48% !important}
  .page-inspektion section.hero#top .hero-bg{background-position:62% 42% !important}
}

@media (max-width:760px){
  .hero-stamp img{
    width:58px !important;
    height:58px !important;
  }

  .hero-stamp{
    margin:12px 0 16px !important;
  }
}

/* Softer US brand strip transition */
.page-us-cars .marken{
  padding:0 0 clamp(32px,4vw,56px) !important;
  background:var(--werkbank-cream-hi,var(--bg-hi,#efe1cc)) !important;
  border-top:0 !important;
  border-bottom:1px solid rgba(26,24,16,.08) !important;
  box-shadow:inset 0 1px rgba(244,235,214,.08) !important;
}

.page-us-cars .marken::before{
  content:"";
  display:block;
  height:clamp(34px,5vw,62px);
  background:
    linear-gradient(180deg,
      rgba(10,10,11,1) 0%,
      rgba(10,10,11,.82) 30%,
      rgba(10,10,11,.22) 68%,
      rgba(239,225,204,0) 100%);
}

.page-us-cars .marken-label{
  display:flex !important;
  justify-content:center;
  width:min(980px,calc(100% - 40px));
  margin:0 auto clamp(22px,3vw,34px) !important;
  line-height:1.6 !important;
  letter-spacing:.28em !important;
}

.page-us-cars .marken-marquee{
  padding:8px 0 !important;
  background:rgba(244,235,214,.34);
  border-top:1px solid rgba(26,24,16,.07);
  border-bottom:1px solid rgba(26,24,16,.07);
}

.page-us-cars .marken-logo{
  flex-basis:clamp(124px,13vw,190px) !important;
  height:clamp(56px,6vw,82px) !important;
  padding:0 clamp(14px,2vw,28px) !important;
  border-right:1px solid rgba(26,24,16,.08) !important;
}

.page-us-cars .marken-logo img{
  max-height:46px !important;
  max-width:150px !important;
  opacity:.72 !important;
}

.page-us-cars .marken-logo:hover img{
  opacity:.95 !important;
}

@media (max-width:560px){
  .page-us-cars .marken::before{
    height:42px;
  }

  .page-us-cars .marken-label{
    width:calc(100% - 32px);
    letter-spacing:.2em !important;
  }

  .page-us-cars .marken-logo img{
    max-height:34px !important;
    max-width:112px !important;
  }
}

/* Breathing room between dense Werkstatt sections */
.page-werkstatt section.sec#about{
  padding-bottom:clamp(92px,9vw,148px) !important;
}

.page-werkstatt .crew-pullquote{
  margin-top:clamp(56px,7vw,104px) !important;
  margin-bottom:clamp(44px,5vw,80px) !important;
}

.page-werkstatt section.sec#reportage{
  padding-top:clamp(82px,8vw,132px) !important;
}

/* US-Cars hero refinement */
.page-us-cars section.hero#top{
  min-height:clamp(720px,88vh,920px) !important;
}

.page-us-cars section.hero#top .hero-bg{
  background-image:
    linear-gradient(100deg,
      rgba(10,10,11,.88) 0%,
      rgba(10,10,11,.72) 34%,
      rgba(10,10,11,.32) 62%,
      rgba(10,10,11,.08) 100%),
    radial-gradient(circle at 72% 54%,
      rgba(244,235,214,.22) 0%,
      rgba(244,235,214,.11) 24%,
      rgba(192,57,43,.18) 47%,
      rgba(10,10,11,0) 72%),
    linear-gradient(180deg,
      rgba(10,10,11,.05) 0%,
      rgba(10,10,11,.18) 52%,
      rgba(10,10,11,.88) 100%),
    url("../BILDER_AGENTUR_WEB/header-us-cars-tm.jpg?v=2") !important;
  background-size:cover !important;
  background-position:64% 22% !important;
  filter:saturate(.98) contrast(1.08) brightness(1.08) !important;
}

.page-us-cars section.hero#top .hero-scanlines{
  opacity:.24 !important;
}

.page-us-cars section.hero#top .hero-inner{
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  min-height:calc(clamp(720px,88vh,920px) - 220px);
  padding-top:clamp(40px,6vh,76px) !important;
  padding-bottom:clamp(64px,8vh,112px) !important;
}

.page-us-cars section.hero#top .hero-stamp{
  display:none !important;
}

.page-us-cars section.hero#top .hero-breadcrumb{
  color:rgba(244,235,214,.68) !important;
}

.page-us-cars section.hero#top .hero-breadcrumb a{
  color:rgba(244,235,214,.72) !important;
}

.page-us-cars section.hero#top h1{
  margin-bottom:clamp(18px,2.4vw,32px) !important;
}

.page-us-cars section.hero#top .hero-sub{
  max-width:58ch !important;
  color:rgba(244,235,214,.92) !important;
  margin-bottom:clamp(22px,3vw,34px) !important;
  background:linear-gradient(90deg,rgba(10,10,11,.36),rgba(10,10,11,0));
}

.page-us-cars section.hero#top .hero-points{
  gap:10px !important;
  max-width:780px;
  margin-bottom:clamp(28px,3.6vw,44px) !important;
}

.page-us-cars section.hero#top .hero-point{
  display:inline-flex !important;
  flex:0 1 auto !important;
  min-height:42px;
  padding:11px 15px 10px;
  border:1px solid rgba(244,235,214,.18);
  background:rgba(10,10,11,.42);
  box-shadow:0 14px 34px -28px rgba(0,0,0,.9);
  color:rgba(244,235,214,.9) !important;
  font-size:12px !important;
  letter-spacing:.14em !important;
  line-height:1.25 !important;
  backdrop-filter:blur(7px);
}

.page-us-cars section.hero#top .hero-point::before{
  width:7px !important;
  height:7px !important;
  flex-basis:7px !important;
  box-shadow:0 0 0 4px rgba(192,57,43,.16);
}

.page-us-cars section.hero#top .hero-note{
  color:rgba(244,235,214,.62) !important;
}

@media (max-width:760px){
  .page-us-cars section.hero#top{
    min-height:0 !important;
  }

  .page-us-cars section.hero#top .hero-bg{
    background-image:
      linear-gradient(180deg,
        rgba(10,10,11,.28) 0%,
        rgba(10,10,11,.54) 54%,
        rgba(10,10,11,.96) 100%),
      radial-gradient(circle at 68% 36%,
        rgba(244,235,214,.18) 0%,
        rgba(192,57,43,.12) 42%,
        rgba(10,10,11,0) 72%),
      url("../BILDER_AGENTUR_WEB/header-us-cars-tm-800w.jpg?v=2") !important;
    background-position:center top !important;
  }

  .page-us-cars section.hero#top .hero-inner{
    min-height:0;
    padding-top:32px !important;
    padding-bottom:44px !important;
  }

  .page-us-cars section.hero#top .hero-points{
    display:grid !important;
    grid-template-columns:1fr;
    gap:8px !important;
  }

  .page-us-cars section.hero#top .hero-point{
    width:100%;
    min-height:40px;
    font-size:11px !important;
    letter-spacing:.12em !important;
  }
}

/* US-Cars brand grid, no cut-off marquee */
.page-us-cars .marken{
  padding:0 0 clamp(46px,6vw,82px) !important;
  overflow:visible !important;
}

.page-us-cars .marken::before{
  height:clamp(56px,7vw,96px) !important;
  background:
    linear-gradient(180deg,
      rgba(10,10,11,1) 0%,
      rgba(10,10,11,.92) 22%,
      rgba(10,10,11,.54) 54%,
      rgba(239,225,204,0) 100%) !important;
}

.page-us-cars .marken-label{
  margin-bottom:clamp(28px,3vw,42px) !important;
  color:var(--red,#c0392b) !important;
  font-size:11px !important;
}

.page-us-cars .marken-marquee{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

.page-us-cars .marken-track{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:1px;
  animation:none !important;
  transform:none !important;
  background:rgba(26,24,16,.07);
  border:1px solid rgba(26,24,16,.08);
}

.page-us-cars .marken-logo[aria-hidden="true"]{
  display:none !important;
}

.page-us-cars .marken-logo{
  width:auto !important;
  flex:auto !important;
  height:clamp(84px,8vw,108px) !important;
  padding:18px 20px !important;
  border:0 !important;
  background:rgba(244,235,214,.48);
}

.page-us-cars .marken-logo img{
  max-width:min(78%,164px) !important;
  max-height:48px !important;
  opacity:.86 !important;
  filter:saturate(.95) contrast(1.1) brightness(.92) !important;
}

.page-us-cars .marken-logo:hover img{
  opacity:1 !important;
  filter:saturate(1.1) contrast(1.18) brightness(.82) drop-shadow(0 2px 0 rgba(192,57,43,.16)) !important;
}

@media (max-width:920px){
  .page-us-cars .marken-track{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:560px){
  .page-us-cars .marken-marquee{
    width:calc(100% - 28px);
  }

  .page-us-cars .marken-track{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .page-us-cars .marken-logo{
    height:74px !important;
    padding:14px 12px !important;
  }

  .page-us-cars .marken-logo img{
    max-width:82% !important;
    max-height:36px !important;
  }
}

/* HU/AU page: make the existing Prüforganisation signals feel like badges */
.page-inspektion .stats-bar .stat:nth-child(1) .stat-value,
.page-inspektion .stats-bar .stat:nth-child(2) .stat-value{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  min-height:62px;
  padding:0 18px;
  border:2px solid rgba(244,235,214,.78);
  border-radius:999px;
  background:rgba(244,235,214,.04);
  color:var(--papier-cream);
  letter-spacing:.04em;
  box-shadow:0 14px 34px -30px rgba(0,0,0,.9);
}

.page-inspektion .stats-bar .stat:nth-child(2) .stat-value{
  border-color:rgba(192,57,43,.82);
  color:var(--werkstatt-rot);
}

@media (max-width:560px){
  .page-inspektion .stats-bar .stat:nth-child(1) .stat-value,
  .page-inspektion .stats-bar .stat:nth-child(2) .stat-value{
    min-width:92px;
    min-height:50px;
    padding:0 14px;
  }
}

/* US-Cars: creative hero-to-brand transition */
.page-us-cars:not(.page-us-cars-redesign) section.hero#top{
  overflow:visible !important;
  isolation:isolate;
  min-height:clamp(660px,78vh,820px) !important;
  padding-bottom:clamp(112px,12vw,170px) !important;
}

.page-us-cars:not(.page-us-cars-redesign) section.hero#top::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-2px;
  height:clamp(150px,16vw,240px);
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(10,10,11,0) 0%,rgba(10,10,11,.94) 42%,rgba(10,10,11,1) 100%),
    radial-gradient(ellipse at 66% 35%,rgba(192,57,43,.22) 0%,rgba(192,57,43,.08) 34%,rgba(10,10,11,0) 68%);
  clip-path:polygon(0 16%,46% 0,100% 24%,100% 100%,0 100%);
}

.page-us-cars:not(.page-us-cars-redesign) section.hero#top::after{
  content:"";
  position:absolute;
  left:clamp(24px,8vw,120px);
  right:clamp(24px,8vw,120px);
  bottom:clamp(46px,5vw,78px);
  height:2px;
  z-index:5;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(192,57,43,.9) 18%,rgba(244,235,214,.52) 52%,transparent);
  box-shadow:0 0 24px rgba(192,57,43,.18);
}

.page-us-cars:not(.page-us-cars-redesign) section.hero#top .hero-inner{
  z-index:6;
}

.page-us-cars:not(.page-us-cars-redesign) .marken{
  margin-top:clamp(-188px,-13vw,-132px) !important;
  padding:0 0 clamp(72px,8vw,118px) !important;
  background:
    linear-gradient(180deg,rgba(10,10,11,0) 0 74px,var(--werkbank-cream-hi,var(--bg-hi,#efe1cc)) 74px 100%) !important;
  border:0 !important;
  overflow:visible !important;
  z-index:12 !important;
}

.page-us-cars:not(.page-us-cars-redesign) .marken::before{
  display:none !important;
}

.page-us-cars:not(.page-us-cars-redesign) .marken::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:72px;
  height:92px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(10,10,11,.22),rgba(239,225,204,0));
  z-index:1;
}

.page-us-cars:not(.page-us-cars-redesign) .marken-label{
  position:relative;
  z-index:4;
  width:max-content;
  max-width:calc(100% - 32px);
  margin:0 auto 18px !important;
  padding:12px 20px 11px;
  background:rgba(10,10,11,.92);
  border:1px solid rgba(244,235,214,.16);
  color:rgba(244,235,214,.82) !important;
  box-shadow:0 26px 70px -38px rgba(0,0,0,.9);
}

.page-us-cars:not(.page-us-cars-redesign) .marken-marquee{
  position:relative;
  z-index:4;
  width:min(1180px,calc(100% - 56px));
  padding:12px !important;
  background:linear-gradient(180deg,rgba(244,235,214,.96),rgba(224,207,181,.94)) !important;
  border:1px solid rgba(26,24,16,.12) !important;
  box-shadow:
    0 40px 120px -60px rgba(0,0,0,.86),
    inset 0 1px rgba(244,235,214,.42);
}

.page-us-cars:not(.page-us-cars-redesign) .marken-marquee::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:-10px;
  height:10px;
  background:linear-gradient(90deg,rgba(192,57,43,.95),rgba(244,235,214,.24),rgba(192,57,43,.68));
  clip-path:polygon(0 35%,100% 0,100% 100%,0 100%);
}

.page-us-cars:not(.page-us-cars-redesign) .marken-track{
  border:0 !important;
  background:transparent !important;
  gap:10px !important;
}

.page-us-cars:not(.page-us-cars-redesign) .marken-logo{
  background:rgba(26,24,16,.035) !important;
  box-shadow:inset 0 0 0 1px rgba(26,24,16,.06);
}

.page-us-cars:not(.page-us-cars-redesign) .us-cars-intro{
  padding-top:clamp(86px,8vw,128px) !important;
}

@media (max-width:760px){
  .page-us-cars:not(.page-us-cars-redesign) section.hero#top{
    padding-bottom:72px !important;
  }

  .page-us-cars:not(.page-us-cars-redesign) section.hero#top::before{
    height:138px;
    clip-path:polygon(0 20%,100% 8%,100% 100%,0 100%);
  }

  .page-us-cars:not(.page-us-cars-redesign) section.hero#top::after{
    left:20px;
    right:20px;
    bottom:38px;
  }

  .page-us-cars:not(.page-us-cars-redesign) .marken{
    margin-top:-58px !important;
    background:linear-gradient(180deg,rgba(10,10,11,0) 0 54px,var(--werkbank-cream-hi,var(--bg-hi,#efe1cc)) 54px 100%) !important;
    padding-bottom:56px !important;
  }

  .page-us-cars:not(.page-us-cars-redesign) .marken::after{
    top:54px;
    height:70px;
  }

  .page-us-cars:not(.page-us-cars-redesign) .marken-label{
    width:calc(100% - 28px);
    text-align:center;
    justify-content:center;
  }

  .page-us-cars:not(.page-us-cars-redesign) .marken-marquee{
    width:calc(100% - 28px);
    padding:8px !important;
  }
}

/* Shared social cell for hero/stat bars */
.stats-social{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:13px;
  position:relative;
  z-index:6;
}

.stats-social.reveal-init{
  opacity:1 !important;
  transform:none !important;
}

.stats-social-row{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  line-height:1;
}

.stats-social-link{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--papier-cream,#f4ebd6);
  border:1px solid rgba(244,235,214,.2);
  border-radius:2px;
  background:rgba(244,235,214,.02);
  transition:color 200ms var(--ease,cubic-bezier(.22,1,.36,1)),
             border-color 200ms var(--ease,cubic-bezier(.22,1,.36,1)),
             background 200ms var(--ease,cubic-bezier(.22,1,.36,1));
}

.stats-social-link:hover{
  color:var(--werkstatt-rot,var(--red,#c0392b));
  border-color:var(--werkstatt-rot,var(--red,#c0392b));
  background:rgba(192,57,43,.08);
}

.stats-social-link svg{
  width:30px;
  height:30px;
  flex:0 0 auto;
}

.stats-social-label{
  font-family:'JetBrains Mono',monospace !important;
  font-size:10px !important;
  line-height:1.45 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  color:rgba(244,235,214,.52) !important;
}

.page-us-cars-redesign .us-stat.stats-social{
  gap:13px;
}

.page-us-cars-redesign .us-stat.stats-social small{
  color:rgba(244,235,214,.52) !important;
}

.page-karosserie .stats-bar{
  background:var(--bg-dark,#141416);
  border-top:1px solid rgba(244,235,214,.06);
  border-bottom:1px solid rgba(244,235,214,.06);
  padding:var(--s-5,40px) 0;
  position:relative;
  z-index:10;
}

.page-karosserie .stats-inner{
  max-width:1320px;
  margin:0 auto;
  padding:0 var(--s-5,40px);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--s-4,32px);
}

.page-karosserie .stat{
  min-height:132px;
  padding:var(--s-3,24px) var(--s-2,16px);
  border-right:1px solid rgba(244,235,214,.07);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:8px;
}

.page-karosserie .stat:last-child{
  border-right:none;
}

.page-karosserie .stat-value{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(36px,4vw,58px);
  line-height:1;
  color:var(--papier-cream,var(--ink-inv,#f4ebd6));
}

.page-karosserie .stat-value .unit{
  color:var(--werkstatt-rot,var(--red,#c0392b));
}

.page-karosserie .stat-label{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  line-height:1.5;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(244,235,214,.42);
}

@media(max-width:760px){
  .stats-social-link{
    width:38px;
    height:38px;
  }

  .stats-social-link svg{
    width:27px;
    height:27px;
  }

  .stats-social-label{
    font-size:9px !important;
    letter-spacing:.18em !important;
  }

  .page-karosserie .stats-inner{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    padding:0 var(--s-3,24px);
  }

  .page-karosserie .stat{
    border-right:1px solid rgba(244,235,214,.07);
    border-bottom:1px solid rgba(244,235,214,.07);
  }

  .page-karosserie .stat:nth-child(even){
    border-right:none;
  }
}