/* Preserve the supplied 3:1 view of the complete truck and trailer. */
.fp-site .fp-lkw-card{position:relative;isolation:isolate;overflow:visible}
.fp-site .fp-lkw-card .fp-premium-motif{position:relative;height:120px}
.fp-site .fp-lkw-photo{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;mix-blend-mode:multiply}
/* Fade only the empty outer margin of the supplied studio background. */
@supports(mask-composite:intersect){.fp-site .fp-lkw-photo{mask-image:linear-gradient(90deg,transparent,#000 1%,#000 99%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 90%,transparent);mask-composite:intersect}}
.fp-site .fp-lkw-card .fp-lkw-photo{position:absolute;left:50%;bottom:-22px;width:min(calc(100% + 32px),710px);max-width:calc(100% + 32px);transform:translateX(-50%);pointer-events:none}
/* The long truck needs a wider slot, not a smaller version of a square photo. */
.fp-site .fp-class-photo-grid{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:72px}
.fp-site .fp-class-photo-grid>.fp-card{grid-column:span 3}
.fp-site .fp-class-photo-grid>.fp-lkw-card{grid-column:span 4}
.fp-site .fp-class-photo-grid>.fp-trailer-card{grid-column:span 2}
@media(min-width:721px){.fp-site #klassen .fp-trailer-card{scroll-margin-top:200px}}
.fp-home .fp-home-class-grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,2fr)}
.fp-home .fp-home-choices .fp-section-head{margin-bottom:80px}
.fp-home .fp-lkw-choice{isolation:isolate;overflow:visible;background:var(--paper)}
.fp-home .fp-lkw-motif{display:block;position:relative;width:100%;height:72px;margin-bottom:24px;flex:none}
/* Match the motorcycle's visible height and tyre baseline, not its white canvas. */
.fp-home .fp-lkw-motif .fp-lkw-photo{position:absolute;left:50%;bottom:-8px;width:min(calc(100% + 32px),480px);max-width:calc(100% + 32px);transform:translateX(-50%);pointer-events:none}
.fp-site .fp-lkw-showcase{margin:32px auto 40px;width:calc(100% - 96px);max-width:1120px}
.fp-site .fp-lkw-showcase figcaption{margin-top:12px;color:var(--text-2);font-size:.875rem;text-align:center}
@media(max-width:1280px){
  .fp-home .fp-home-class-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:72px}
  .fp-home .fp-home-class-grid>.fp-lkw-choice{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}
}
@media(min-width:721px) and (max-width:1040px){.fp-site #klassen .fp-lkw-card .fp-premium-motif{height:clamp(56px,calc(18vw - 75px),112px)}}
@media(max-width:720px){
  .fp-site .fp-class-photo-grid{grid-template-columns:1fr;row-gap:48px}
  .fp-site .fp-class-photo-grid>.fp-card{grid-column:auto}
  .fp-site #klassen .fp-lkw-card .fp-premium-motif{height:clamp(48px,calc(30vw - 72px),144px)}
  .fp-site .fp-lkw-card .fp-lkw-photo{bottom:-4px;width:calc(100% + 32px);max-width:calc(100% + 32px)}
  .fp-home .fp-home-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}
  .fp-home .fp-home-choices .fp-section-head{margin-bottom:40px}
  .fp-home .fp-home-class-grid>.fp-trailer-choice{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 140px;column-gap:16px;border-left:0}
  .fp-home .fp-trailer-choice>.fp-trailer-motif{grid-column:2;grid-row:1/span 4;align-self:center;height:90px;margin:0}
  .fp-home .fp-trailer-choice>h3,.fp-home .fp-trailer-choice>.fp-home-class-label,.fp-home .fp-trailer-choice>p,.fp-home .fp-trailer-choice>.fp-home-class-link{grid-column:1}
  .fp-home .fp-lkw-motif{height:56px;margin-bottom:16px}
  .fp-home .fp-lkw-motif .fp-lkw-photo{bottom:-4px;width:min(calc(100% + 16px),360px);max-width:calc(100% + 16px)}
  .fp-site .fp-lkw-showcase{width:100%;margin-block:24px 32px}
}