/* SC-CONT-0117: eigenständiger Einstieg in die Spielertyp-Analyse Junior. */
.sc-home-junior-banner {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,56fr) minmax(360px,44fr);
  width:min(calc(1600px - var(--sc-home-editorial-padding) - var(--sc-home-editorial-padding)),calc(100% - 40px - var(--sc-home-editorial-padding) - var(--sc-home-editorial-padding)));
  min-height:360px;
  margin:0 auto var(--sc-home-section-gap);
  overflow:hidden;
  border-radius:0;
  background:#457b9d;
  color:#fff;
}
.sc-home-junior-banner__copy {
  position:relative;
  z-index:1;
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  padding:clamp(24px,2vw,30px);
}
.sc-home-junior-banner .sc-home-label { color:var(--sc-sky); }
.sc-home-junior-banner h2 {
  max-width:760px;
  margin:12px 0 16px;
  color:#fff;
  font:400 italic clamp(32px,3.25vw,46px)/1.04 "Newsreader",sans-serif;
  letter-spacing:-.05em;
}
.sc-home-junior-banner__copy > p:not(.sc-home-junior-banner__trust) {
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.82);
  font-size:15px;
  line-height:1.55;
}
.sc-home-junior-banner__trust {
  margin:14px 0 0;
  color:var(--sc-sky);
  font-size:12px;
  font-weight:700;
  line-height:1.5;
}
.sc-home-junior-banner__cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  min-height:46px;
  margin-top:18px;
  padding:13px 20px;
  border:1px solid var(--sc-accent);
  border-radius:0;
  background:var(--sc-accent);
  color:#fff;
  font-weight:800;
  line-height:1.25;
  text-decoration:none;
  transform-origin:center;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.sc-home-junior-banner__cta span { margin-left:7px; }
.sc-home-junior-banner__cta:hover,
.sc-home-junior-banner__cta:focus-visible {
  border-color:var(--sc-sky);
  background:transparent;
  color:var(--sc-sky);
}
.sc-home-junior-banner__cta:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.sc-home-junior-banner__media { position:relative; min-width:0; min-height:100%; margin-left:0; overflow:hidden; border-radius:0; background:#457b9d; }
.sc-home-junior-banner__media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:0;
}
.sc-home-junior-banner.is-visible .sc-home-junior-banner__cta {
  animation:sc-junior-cta .22s ease-out .2s 1 both;
}
@keyframes sc-junior-cta {
  50% { transform:scale(1.025); box-shadow:0 8px 22px rgba(230,57,70,.3); }
}

@media (max-width:900px) {
  .sc-home-junior-banner {
    min-height:0;
    grid-template-columns:1fr;
  }
  .sc-home-junior-banner__media {
    grid-row:2;
    min-height:0;
    margin-left:0;
    aspect-ratio:16/9;
  }
}

@media (max-width:760px) {
  .sc-home-junior-banner { width:calc(100% - 32px); }
  .sc-home-junior-banner__copy { padding:22px 20px; }
  .sc-home-junior-banner h2 { font-size:clamp(30px,9vw,41px); }
  .sc-home-junior-banner__copy > p:not(.sc-home-junior-banner__trust) { font-size:14px; }
  .sc-home-junior-banner__cta { width:100%; }
}

@media (prefers-reduced-motion:reduce) {
  .sc-home-junior-banner.is-visible .sc-home-junior-banner__cta { animation:none; }
}