/* v286: Premium-Refresh für Consulting-Zielseiten – kompaktere Premium-Cards,
   stärkere Piktogramm-Inszenierung, bessere Textausnutzung und verlässliche Lesbarkeit */

.sampro-topic-v271__section--visual{
  padding-top: 38px;
  padding-bottom: 40px;
}

.sampro-topic-v271__flow-frame{
  padding: 26px 28px 22px;
  border-radius: 30px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 20px 44px rgba(6, 38, 83, .08);
}

.sampro-topic-v271__flow-title-block{
  margin-bottom: 24px;
}

.sampro-topic-v271__flow-title-block h3{
  font-size: clamp(20px, 1.8vw, 31px);
  line-height: 1.16;
}

.sampro-topic-v271__flow-title-block p{
  font-size: clamp(16px, 1.08vw, 20px);
  line-height: 1.46;
  margin-top: 8px;
}

.sampro-topic-v271__flow-steps{
  gap: 22px;
}

.sampro-topic-v271__flow-step{
  min-height: 248px;
  padding: 60px 18px 18px;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: 0 12px 28px rgba(6, 38, 83, .055);
}

.sampro-topic-v271__flow-step:before{
  content: "";
  position: absolute;
  left: 18px;
  top: -1px;
  width: 72px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #d9a62d 0%, rgba(217, 166, 45, .32) 58%, rgba(217, 166, 45, 0) 100%);
}

.sampro-topic-v271__flow-step-no{
  top: -18px;
  width: 52px;
  height: 52px;
  font-size: 27px;
}

.sampro-topic-v271__flow-step:not(:last-child):after{
  width: 42px;
  height: 42px;
  right: -21px;
  font-size: 28px;
}

.sampro-topic-v271__flow-icon{
  width: 82px;
  height: 82px;
  margin-bottom: 14px;
  color: #0b2f63;
}

.sampro-topic-v271__flow-step:nth-child(2) .sampro-topic-v271__flow-icon,
.sampro-topic-v271__flow-step:nth-child(4) .sampro-topic-v271__flow-icon{
  color: #0f3d79;
}

.sampro-topic-v271__flow-step:nth-child(3) .sampro-topic-v271__flow-icon{
  color: #10376e;
}

.sampro-topic-v271__flow-step h4{
  margin: 0 0 8px;
  font-size: clamp(18px, 1.05vw, 22px);
  line-height: 1.18;
}

.sampro-topic-v271__flow-step p{
  font-size: 15px;
  line-height: 1.46;
}

.sampro-topic-v271__flow-highlights{
  margin-top: 18px;
  border-radius: 22px;
}

.sampro-topic-v271__flow-highlight{
  min-height: 76px;
  padding: 16px 22px;
}

.sampro-topic-v271__flow-highlight-icon{
  width: 48px;
  height: 48px;
  flex-basis: 48px;
}

.sampro-topic-v271__flow-highlight strong{
  font-size: clamp(18px, 1.1vw, 22px);
}

.sampro-topic-v271__section--overview{
  padding-top: 42px;
}

.sampro-topic-v271__overview-panel{
  padding: 28px 26px 24px;
  border-radius: 28px;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

.sampro-topic-v271__overview-head{
  margin-bottom: 20px;
}

.sampro-topic-v271__overview-head h3{
  font-size: clamp(24px, 1.9vw, 34px);
  line-height: 1.18;
}

.sampro-topic-v271__focus-grid{
  gap: 16px;
  align-items: stretch;
}

.sampro-topic-v271__focus-card{
  position: relative;
  min-height: 0;
  padding: 16px 18px;
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.95) 0%, rgba(255,255,255,0) 42%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid #dce6f1;
  box-shadow: 0 12px 28px rgba(6, 38, 83, .055);
  overflow: hidden;
}

.sampro-topic-v271__focus-card:before {
  content: "";
  position: absolute;
  left: 18px;
  top: -1px;
  width: 70px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #d9a62d 0%, rgba(217, 166, 45, .34) 60%, rgba(217, 166, 45, 0) 100%);
}

.sampro-topic-v271__focus-card:after {
  content: "";
  position: absolute;
  right: -28px;
  bottom: -28px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(11,79,163,.06) 0%, rgba(11,79,163,0) 72%);
  pointer-events: none;
}

.sampro-topic-v271__focus-icon{
  position: relative;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  justify-self: center;
  align-self: center;
  color: #0b2f63;
  background:
    radial-gradient(circle at 35% 28%, rgba(255,255,255,.95) 0%, rgba(255,255,255,.4) 42%, rgba(255,255,255,0) 60%),
    linear-gradient(180deg, #f8fbff 0%, #edf3fa 100%);
  border: 1px solid #dce5f0;
  border-radius: 50%;
  padding: 12px;
  box-shadow: 0 10px 22px rgba(6, 38, 83, .08);
}

.sampro-topic-v271__focus-card:nth-child(2n) .sampro-topic-v271__focus-icon,
.sampro-topic-v271__focus-card:nth-child(7n) .sampro-topic-v271__focus-icon {
  color: #c89220;
}

.sampro-topic-v271__focus-card h4{
  margin: 0 0 5px;
  font-size: clamp(16px, .95vw, 19px);
  line-height: 1.22;
  letter-spacing: -.012em;
}

.sampro-topic-v271__focus-card p{
  margin: 0;
  font-size: 14.6px;
  line-height: 1.42;
  color: #435a74;
}

.sampro-topic-v271__result-html{
  gap: 20px;
  margin-top: 20px;
  align-items: stretch;
}

.sampro-topic-v271__result-card--lead{
  padding: 30px 30px 28px;
  border: 1px solid rgba(6, 38, 83, .04);
  background:
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 34%),
    radial-gradient(circle at 100% 100%, rgba(201,162,58,.18) 0%, rgba(201,162,58,0) 32%),
    linear-gradient(135deg, #04295d 0%, #0a427f 68%, #052c60 100%);
  box-shadow: 0 18px 36px rgba(6, 38, 83, .16);
}

.sampro-topic-v271__result-card--lead .sampro-topic-v271__eyebrow{
  color: #f0c55e !important;
}

.sampro-topic-v271__result-card--lead h3{
  color: #ffffff !important;
  font-size: clamp(24px, 1.8vw, 34px);
  line-height: 1.18;
  margin: 0 0 10px;
}

.sampro-topic-v271__result-card--lead p,
.sampro-topic-v271__result-card--lead p:last-child{
  color: #e7f1fb !important;
  font-size: 16px;
  line-height: 1.58;
}

.sampro-topic-v271__result-cards{
  gap: 16px;
}

.sampro-topic-v271__result-mini-card{
  position: relative;
  min-height: 0;
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  padding: 16px 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid #dce6f1;
  box-shadow: 0 12px 28px rgba(6, 38, 83, .055);
  overflow: hidden;
}

.sampro-topic-v271__result-mini-card:before {
  content: "";
  position: absolute;
  left: 18px;
  top: -1px;
  width: 70px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #d9a62d 0%, rgba(217, 166, 45, .32) 60%, rgba(217, 166, 45, 0) 100%);
}

.sampro-topic-v271__result-icon{
  position: relative;
  width: 58px;
  height: 58px;
  padding: 12px;
  border-radius: 50%;
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(6, 38, 83, .12);
}

.sampro-topic-v271__result-mini-card:nth-child(1) .sampro-topic-v271__result-icon,
.sampro-topic-v271__result-mini-card:nth-child(2) .sampro-topic-v271__result-icon,
.sampro-topic-v271__result-mini-card:nth-child(4) .sampro-topic-v271__result-icon{
  background: linear-gradient(180deg, #0b4fa3 0%, #062653 100%);
}

.sampro-topic-v271__result-mini-card:nth-child(3) .sampro-topic-v271__result-icon{
  background: linear-gradient(180deg, #e2b137 0%, #c7911d 100%);
}

.sampro-topic-v271__result-mini-card h4{
  margin: 0 0 5px;
  font-size: clamp(16px, .95vw, 19px);
  line-height: 1.22;
}

.sampro-topic-v271__result-mini-card p{
  margin: 0;
  font-size: 14.6px;
  line-height: 1.42;
  color: #435a74;
}

@media (max-width: 1100px) {
  .sampro-topic-v271__focus-card,
  .sampro-topic-v271__result-mini-card {
    grid-template-columns: 62px minmax(0, 1fr);
    padding: 16px 16px;
  }

  .sampro-topic-v271__focus-icon,
  .sampro-topic-v271__result-icon {
    width: 54px;
    height: 54px;
  }
}

@media (max-width: 980px) {
  .sampro-topic-v271__flow-step {
    min-height: 230px;
  }

  .sampro-topic-v271__focus-grid,
  .sampro-topic-v271__result-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .sampro-topic-v271__flow-frame,
  .sampro-topic-v271__overview-panel,
  .sampro-topic-v271__result-card--lead {
    padding: 22px 20px;
  }

  .sampro-topic-v271__flow-title-block h3 {
    font-size: 26px;
  }

  .sampro-topic-v271__flow-title-block p {
    font-size: 17px;
  }

  .sampro-topic-v271__flow-step {
    min-height: 0;
    padding: 58px 16px 18px;
  }

  .sampro-topic-v271__focus-grid,
  .sampro-topic-v271__result-cards {
    grid-template-columns: 1fr;
  }

  .sampro-topic-v271__focus-card,
  .sampro-topic-v271__result-mini-card {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 12px;
    padding: 15px 14px;
  }

  .sampro-topic-v271__focus-card:before,
  .sampro-topic-v271__result-mini-card:before {
    left: 14px;
    width: 54px;
  }

  .sampro-topic-v271__focus-icon,
  .sampro-topic-v271__result-icon {
    width: 50px;
    height: 50px;
    padding: 11px;
  }

  .sampro-topic-v271__focus-card h4,
  .sampro-topic-v271__result-mini-card h4 {
    font-size: 17px;
  }

  .sampro-topic-v271__focus-card p,
  .sampro-topic-v271__result-mini-card p,
  .sampro-topic-v271__result-card--lead p,
  .sampro-topic-v271__result-card--lead p:last-child {
    font-size: 15px;
  }
}