.kss-hpm-hero{padding:76px 0 64px;overflow:hidden}
.kss-hpm-hero .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.kss-hpm-hero h1{font-family:var(--display);font-weight:600;line-height:1.15;letter-spacing:-.015em;margin:0 0 20px;font-size:clamp(34px,5vw,58px)}
.kss-hpm-hero h1 .zeile{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.kss-hpm-hero h1 .auftakt{
  font-family:var(--hand);font-weight:400;color:var(--rose-tief);
  font-size:.66em;letter-spacing:0;display:inline-block;
}
.kss-hpm-hero .lead{max-width:44ch;margin-bottom:30px}
.kss-hpm-hero .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:26px}
.kss-hpm-hero .hero-ort{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--tinte-weich)}
.kss-hpm-hero .hero-ort svg{width:16px;height:16px;color:var(--rose-tief)}

.kss-hpm-hero .hero-bild{position:relative;justify-self:center;max-width:480px;width:100%}
.kss-hpm-hero .hero-bild img{
  width:100%;border-radius:14px;border:1px solid var(--linie);
  box-shadow:0 26px 50px -26px rgba(35,34,32,.34);
}
.kss-hpm-hero .hero-bild::after{
  content:"";position:absolute;inset:14px -14px -14px 14px;border-radius:14px;
  border:1.5px dashed var(--rose-hell);z-index:-1;
}
.kss-hpm-hero .hero-notiz{
  position:absolute;left:-18px;bottom:-26px;background:var(--papier);
  border:1px solid var(--linie);border-radius:10px;padding:12px 18px;
  box-shadow:0 12px 26px -14px rgba(35,34,32,.3);
}
.kss-hpm-hero .hero-notiz .hand{font-size:26px}
.kss-hpm-hero .hero-notiz small{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-weich);margin-top:3px}

.kss-hpm-hero .bild-platzhalter{justify-self:center;max-width:480px;width:100%}

@media(max-width:900px){
  .kss-hpm-hero{padding:52px 0 48px}
  .kss-hpm-hero .hero-grid{grid-template-columns:1fr;gap:44px}
  .kss-hpm-hero .hero-bild{max-width:400px}
  .kss-hpm-hero .hero-notiz{left:auto;right:-6px;bottom:-22px}
}