/* The supplied motorcycle photo floats above the class choice.
   Its white background blends with the existing light card surfaces. */
.fp-site .fp-motorcycle-card{position:relative;isolation:isolate;overflow:visible}
.fp-site #klassen .fp-premium-motif,.fp-site .fp-motorcycle-comparison .fp-premium-motif{height:120px;position:relative}
.fp-site .fp-motorcycle-comparison .fp-premium-icon{margin-bottom:0}
.fp-site .fp-motorcycle-comparison .fp-motorcycle-card{scroll-margin-top:140px}
.fp-site .fp-motorcycle-photo{display:block;position:absolute;left:50%;bottom:-16px;width:min(100%,280px);max-width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;object-position:center;transform:translateX(-50%);mix-blend-mode:multiply;pointer-events:none}
.fp-site .fp-scooter-photo{object-position:50% 35%}
.fp-home .fp-home-class>img{height:72px;object-fit:contain;object-position:left bottom}
.fp-home .fp-motorcycle-choice{isolation:isolate;overflow:visible;background:var(--paper)}
.fp-home .fp-motorcycle-motif{position:relative;display:block;width:100%;height:72px;margin-bottom:24px;flex:none}
.fp-home .fp-motorcycle-motif .fp-motorcycle-photo{width:min(calc(100% + 16px),190px);max-width:calc(100% + 16px);bottom:-4px}
@media(min-width:721px){.fp-site .fp-motorcycle-comparison{row-gap:40px}}
@media(max-width:720px){
  .fp-site #klassen .fp-premium-motif,.fp-site .fp-motorcycle-comparison .fp-premium-motif{height:100px}
  .fp-site .fp-motorcycle-photo{width:min(100%,220px);bottom:-12px}
  .fp-home .fp-home-class>img{height:56px}
  .fp-home .fp-motorcycle-motif{height:56px;margin-bottom:16px}
  .fp-home .fp-motorcycle-motif .fp-motorcycle-photo{width:min(calc(100% + 16px),145px)}
}