/* v293: Feinschliff Premium-Entwurf „Vorgehen & Ergebnis“
   - obere Premium-Überschrift ohne vorgelagerten Zusatzblock
   - acht Fokus-Karten dezenter, keine dominanten blauen Rund-Piktogramme
   - Ergebnisbereich stärker abgesetzt, linke Headline sicher sichtbar
   - rechte Ergebnisfelder als stabile 2x2-Premium-Checkliste */

.sampro-topic-v271__section--overview{
  position:relative !important;
  padding-top:86px !important;
  padding-bottom:96px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(216,162,49,.10) 0%, rgba(216,162,49,0) 26%),
    linear-gradient(180deg,#f8fbfe 0%,#ffffff 46%,#f5f8fc 100%) !important;
}

.sampro-topic-v271__section--overview > .container > .sampro-topic-v271__section-head{
  display:none !important;
}

.sampro-topic-v271__overview-panel{
  padding:0 !important;
  max-width:1240px !important;
  margin:0 auto !important;
}

.sampro-topic-v271__overview-head{
  max-width:1220px !important;
  margin:0 auto 34px !important;
  text-align:center !important;
}

.sampro-topic-v271__overview-head .sampro-topic-v271__eyebrow{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:20px !important;
  width:100% !important;
  margin:0 auto 18px !important;
  color:#b18123 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.26em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.sampro-topic-v271__overview-head .sampro-topic-v271__eyebrow::before,
.sampro-topic-v271__overview-head .sampro-topic-v271__eyebrow::after{
  content:"" !important;
  flex:0 1 156px !important;
  width:auto !important;
  max-width:156px !important;
  height:1px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(217,166,45,0) 0%, rgba(217,166,45,.92) 100%) !important;
}

.sampro-topic-v271__overview-head .sampro-topic-v271__eyebrow::after{
  background:linear-gradient(90deg, rgba(217,166,45,.92) 0%, rgba(217,166,45,0) 100%) !important;
}

.sampro-topic-v271__overview-head h3{
  max-width:1120px !important;
  margin:0 auto !important;
  color:#10355f !important;
  font-size:clamp(36px,4.15vw,66px) !important;
  line-height:1.02 !important;
  letter-spacing:-.044em !important;
  text-wrap:balance !important;
}

.sampro-topic-v271__focus-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}

.sampro-topic-v271__focus-card{
  position:relative !important;
  isolation:isolate !important;
  min-height:205px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:18px !important;
  padding:24px 22px 22px !important;
  border-radius:20px !important;
  border:1px solid rgba(214,225,237,.96) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(251,253,255,.98) 100%) !important;
  box-shadow:0 14px 30px rgba(12,40,82,.055) !important;
  overflow:hidden !important;
}

.sampro-topic-v271__focus-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:linear-gradient(135deg, rgba(216,162,49,.10) 0%, rgba(216,162,49,0) 34%) !important;
  opacity:.72 !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

.sampro-topic-v271__focus-card::after{
  content:"" !important;
  position:absolute !important;
  top:-1px !important;
  right:-1px !important;
  width:30px !important;
  height:30px !important;
  background:linear-gradient(135deg, rgba(216,162,49,.96) 0%, rgba(243,211,126,.96) 100%) !important;
  clip-path:polygon(100% 0,0 0,100% 100%) !important;
  opacity:.96 !important;
}

.sampro-topic-v271__focus-icon{
  width:54px !important;
  height:54px !important;
  flex:0 0 54px !important;
  display:grid !important;
  place-items:center !important;
  padding:13px !important;
  border-radius:14px !important;
  color:#153a66 !important;
  background:linear-gradient(180deg,#fffefb 0%,#fff9ed 100%) !important;
  border:1px solid rgba(216,162,49,.58) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 17px rgba(12,40,82,.045) !important;
}

.sampro-topic-v271__focus-icon svg{
  width:100% !important;
  height:100% !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:2.6 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.sampro-topic-v271__focus-card > div:last-child{
  min-width:0 !important;
}

.sampro-topic-v271__focus-card h4{
  margin:0 0 9px !important;
  color:#12365f !important;
  font-size:clamp(17px,1.08vw,20px) !important;
  line-height:1.18 !important;
  letter-spacing:-.018em !important;
  text-wrap:balance !important;
}

.sampro-topic-v271__focus-card p{
  max-width:31ch !important;
  margin:0 !important;
  color:#4d637f !important;
  font-size:15px !important;
  line-height:1.52 !important;
}

.sampro-topic-v271__result-html{
  position:relative !important;
  max-width:1240px !important;
  margin:38px auto 0 !important;
  display:grid !important;
  grid-template-columns:minmax(390px,.92fr) minmax(0,1.28fr) !important;
  gap:22px !important;
  padding:26px !important;
  border-radius:32px !important;
  border:1px solid rgba(216,162,49,.38) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(246,249,253,.98) 100%) !important;
  box-shadow:0 24px 56px rgba(12,40,82,.095) !important;
}

.sampro-topic-v271__result-html::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:32px !important;
  right:32px !important;
  height:3px !important;
  border-radius:0 0 999px 999px !important;
  background:linear-gradient(90deg,rgba(216,162,49,0) 0%,rgba(216,162,49,.78) 24%,rgba(216,162,49,.94) 50%,rgba(216,162,49,.78) 76%,rgba(216,162,49,0) 100%) !important;
}

.sampro-topic-v271__result-card--lead{
  min-height:100% !important;
  padding:30px 32px 32px !important;
  border-radius:25px !important;
  border:1px solid rgba(216,162,49,.60) !important;
  background:
    radial-gradient(circle at 88% 18%,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 24%),
    linear-gradient(135deg,#041d48 0%,#083160 58%,#173f70 100%) !important;
  box-shadow:0 20px 42px rgba(3,29,73,.22) !important;
  overflow:hidden !important;
}

.sampro-topic-v271__result-lead-topline{
  align-items:center !important;
  gap:12px !important;
  margin-bottom:20px !important;
  flex-wrap:wrap !important;
}

.sampro-topic-v271__result-lead-badge{
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  border-radius:12px !important;
  color:#f0c55d !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(240,197,93,.72) !important;
}

.sampro-topic-v271__result-card--lead .sampro-topic-v271__eyebrow{
  min-width:0 !important;
  color:#f0c55d !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.21em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
}

.sampro-topic-v271__result-card--lead .sampro-topic-v271__eyebrow::after{
  width:104px !important;
  max-width:104px !important;
  margin-left:14px !important;
  vertical-align:middle !important;
}

.sampro-topic-v271__result-card--lead h3{
  max-width:none !important;
  margin:0 0 18px !important;
  color:#ffffff !important;
  font-size:clamp(30px,2.15vw,43px) !important;
  line-height:1.12 !important;
  letter-spacing:-.028em !important;
  text-wrap:balance !important;
  overflow:visible !important;
  hyphens:auto !important;
}

.sampro-topic-v271__result-card--lead p:last-child{
  max-width:60ch !important;
  color:rgba(255,255,255,.94) !important;
  font-size:16px !important;
  line-height:1.62 !important;
}

.sampro-topic-v271__result-card--grid{
  position:relative !important;
  min-height:100% !important;
  border-radius:25px !important;
  border:1px solid rgba(232,215,176,.98) !important;
  background:#ffffff !important;
  box-shadow:0 14px 30px rgba(12,40,82,.06) !important;
}

.sampro-topic-v271__result-cards{
  height:100% !important;
  min-height:100% !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  border-radius:25px !important;
}

.sampro-topic-v271__result-cards::before,
.sampro-topic-v271__result-cards::after{
  background:linear-gradient(180deg,rgba(232,212,157,0) 0%,rgba(225,194,122,.92) 50%,rgba(232,212,157,0) 100%) !important;
}

.sampro-topic-v271__result-cards::after{
  background:linear-gradient(90deg,rgba(232,212,157,0) 0%,rgba(225,194,122,.92) 50%,rgba(232,212,157,0) 100%) !important;
}

.sampro-topic-v271__result-card--grid::after{
  width:20px !important;
  height:20px !important;
  background:linear-gradient(135deg,#fffdf8 0%,#fff7e5 100%) !important;
  border:1px solid rgba(216,162,49,.76) !important;
  box-shadow:0 0 0 6px #ffffff,0 8px 18px rgba(12,40,82,.06) !important;
}

.sampro-topic-v271__result-mini-card{
  min-height:174px !important;
  padding:28px 28px 26px !important;
  grid-template-columns:52px minmax(0,1fr) !important;
  gap:16px !important;
  align-items:flex-start !important;
}

.sampro-topic-v271__result-check{
  width:46px !important;
  height:46px !important;
  border-radius:12px !important;
  border:1.5px solid rgba(216,162,49,.78) !important;
  background:linear-gradient(180deg,#fffef9 0%,#fff7e7 100%) !important;
}

.sampro-topic-v271__result-check span{
  color:#bd8b22 !important;
  font-size:27px !important;
}

.sampro-topic-v271__result-mini-card h4{
  margin:0 0 8px !important;
  color:#12365f !important;
  font-size:clamp(18px,1.25vw,23px) !important;
  line-height:1.18 !important;
  letter-spacing:-.018em !important;
  text-wrap:balance !important;
}

.sampro-topic-v271__result-mini-card p{
  color:#4d637f !important;
  font-size:15px !important;
  line-height:1.52 !important;
}

@media (max-width:1180px){
  .sampro-topic-v271__focus-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .sampro-topic-v271__focus-card{
    min-height:178px !important;
  }
  .sampro-topic-v271__result-html{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:780px){
  .sampro-topic-v271__section--overview{
    padding-top:58px !important;
    padding-bottom:64px !important;
  }
  .sampro-topic-v271__overview-head{
    margin-bottom:26px !important;
  }
  .sampro-topic-v271__overview-head .sampro-topic-v271__eyebrow{
    gap:12px !important;
    letter-spacing:.18em !important;
    white-space:normal !important;
  }
  .sampro-topic-v271__overview-head .sampro-topic-v271__eyebrow::before,
  .sampro-topic-v271__overview-head .sampro-topic-v271__eyebrow::after{
    flex-basis:42px !important;
    max-width:42px !important;
  }
  .sampro-topic-v271__overview-head h3{
    font-size:clamp(30px,8.8vw,42px) !important;
    line-height:1.06 !important;
  }
  .sampro-topic-v271__focus-grid,
  .sampro-topic-v271__result-cards{
    grid-template-columns:1fr !important;
  }
  .sampro-topic-v271__focus-card{
    min-height:0 !important;
    padding:22px 20px 20px !important;
  }
  .sampro-topic-v271__result-html{
    margin-top:28px !important;
    padding:18px !important;
    border-radius:26px !important;
  }
  .sampro-topic-v271__result-card--lead{
    padding:26px 22px 28px !important;
  }
  .sampro-topic-v271__result-card--lead .sampro-topic-v271__eyebrow::after{
    display:none !important;
  }
  .sampro-topic-v271__result-card--grid::after,
  .sampro-topic-v271__result-cards::before,
  .sampro-topic-v271__result-cards::after{
    display:none !important;
  }
  .sampro-topic-v271__result-mini-card{
    min-height:0 !important;
    padding:22px 20px !important;
    grid-template-columns:50px minmax(0,1fr) !important;
  }
  .sampro-topic-v271__result-mini-card + .sampro-topic-v271__result-mini-card{
    border-top:1px solid rgba(225,194,122,.72) !important;
  }
}