/* v301: Premium-Feinschliff Fokusbereich
   - Headline über den Bildkarten harmonisiert und kleiner gesetzt
   - Bildausschnitte je Karte optimiert
   - Kartenhöhen, Weißraum und Textführung edler ausbalanciert
   - dezente Premium-Rahmenwirkung ohne dominante Piktogramme */

.sampro-topic-v271__section--overview{
  padding-top:78px !important;
}

.sampro-topic-v271__overview-panel{
  max-width:1280px !important;
}

.sampro-topic-v271__overview-head{
  max-width:1040px !important;
  margin:0 auto 32px !important;
}

.sampro-topic-v271__overview-head .sampro-topic-v271__eyebrow{
  margin-bottom:14px !important;
  letter-spacing:.24em !important;
}

.sampro-topic-v271__overview-head h3{
  max-width:920px !important;
  font-size:clamp(28px,2.65vw,42px) !important;
  line-height:1.12 !important;
  letter-spacing:-.03em !important;
}

.sampro-topic-v271__focus-grid{
  gap:22px !important;
  align-items:stretch !important;
}

.sampro-topic-v271__focus-card--media{
  position:relative !important;
  min-height:392px !important;
  padding:16px 16px 22px !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(216,162,49,.10) 0%, rgba(216,162,49,0) 28%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
  border:1px solid rgba(211,224,238,.98) !important;
  box-shadow:0 16px 36px rgba(12,40,82,.07) !important;
  overflow:hidden !important;
}

.sampro-topic-v271__focus-card--media::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:16px !important;
  right:16px !important;
  top:16px !important;
  height:1px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,rgba(216,162,49,0) 0%,rgba(216,162,49,.64) 22%,rgba(216,162,49,0) 62%) !important;
  z-index:2 !important;
}

.sampro-topic-v271__focus-card--media::after{
  width:34px !important;
  height:34px !important;
  opacity:.92 !important;
}

.sampro-topic-v271__focus-media{
  aspect-ratio:16/9.6 !important;
  border-radius:20px !important;
  border:1px solid rgba(218,228,239,.96) !important;
  box-shadow:0 14px 28px rgba(12,40,82,.065), inset 0 1px 0 rgba(255,255,255,.98) !important;
  background:#f7fafc !important;
}

.sampro-topic-v271__focus-media::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,0) 54%,rgba(255,255,255,.18) 100%),
    radial-gradient(circle at 100% 0%,rgba(216,162,49,.16) 0%,rgba(216,162,49,0) 30%) !important;
  pointer-events:none !important;
}

.sampro-topic-v271__focus-media img{
  transform:scale(1.015) !important;
  transition:transform .28s ease !important;
}

.sampro-topic-v271__focus-card--media:hover .sampro-topic-v271__focus-media img{
  transform:scale(1.045) !important;
}

.sampro-topic-v271__focus-body{
  padding:2px 2px 0 !important;
  gap:9px !important;
}

.sampro-topic-v271__focus-card--media h4{
  color:#10355f !important;
  font-size:clamp(16.5px,.94vw,19px) !important;
  line-height:1.18 !important;
  letter-spacing:-.014em !important;
}

.sampro-topic-v271__focus-card--media p{
  color:#4b617d !important;
  font-size:15px !important;
  line-height:1.52 !important;
}

.sampro-topic-v271__focus-card--media:nth-child(1) .sampro-topic-v271__focus-media img{ object-position:center 58% !important; }
.sampro-topic-v271__focus-card--media:nth-child(2) .sampro-topic-v271__focus-media img{ object-position:72% 50% !important; }
.sampro-topic-v271__focus-card--media:nth-child(3) .sampro-topic-v271__focus-media img{ object-position:center 52% !important; }
.sampro-topic-v271__focus-card--media:nth-child(4) .sampro-topic-v271__focus-media img{ object-position:center 48% !important; }
.sampro-topic-v271__focus-card--media:nth-child(5) .sampro-topic-v271__focus-media img{ object-position:center 54% !important; }
.sampro-topic-v271__focus-card--media:nth-child(6) .sampro-topic-v271__focus-media img{ object-position:center 56% !important; }
.sampro-topic-v271__focus-card--media:nth-child(7) .sampro-topic-v271__focus-media img{ object-position:center 54% !important; }
.sampro-topic-v271__focus-card--media:nth-child(8) .sampro-topic-v271__focus-media img{ object-position:center 58% !important; }

.sampro-topic-v271__result-html{
  margin-top:42px !important;
}

@media (max-width:1180px){
  .sampro-topic-v271__overview-head h3{
    font-size:clamp(28px,4vw,40px) !important;
  }
  .sampro-topic-v271__focus-card--media{
    min-height:360px !important;
  }
}

@media (max-width:780px){
  .sampro-topic-v271__section--overview{
    padding-top:60px !important;
  }
  .sampro-topic-v271__overview-head{
    margin-bottom:24px !important;
  }
  .sampro-topic-v271__overview-head h3{
    font-size:clamp(26px,7.2vw,36px) !important;
    line-height:1.1 !important;
  }
  .sampro-topic-v271__focus-grid{
    gap:18px !important;
  }
  .sampro-topic-v271__focus-card--media{
    min-height:0 !important;
    padding:14px 14px 18px !important;
    border-radius:22px !important;
  }
  .sampro-topic-v271__focus-media{
    border-radius:18px !important;
  }
  .sampro-topic-v271__focus-card--media h4{
    font-size:18px !important;
  }
  .sampro-topic-v271__focus-card--media p{
    font-size:15px !important;
  }
}