/* v320: Premium-Redesign für Audit Readiness */

/* Praxisblock */
.sampro-topic-v320__practice-section{
  padding-top:18px !important;
  padding-bottom:26px !important;
}

.sampro-topic-v320__practice-panel{
  position:relative !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr) !important;
  gap:28px !important;
  padding:30px !important;
  border-radius:34px !important;
  border:1px solid rgba(7,45,93,.14) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(240,197,94,.16) 0%, rgba(240,197,94,0) 32%),
    radial-gradient(circle at 0% 100%, rgba(56,122,197,.18) 0%, rgba(56,122,197,0) 28%),
    linear-gradient(135deg,#052554 0%,#0b417f 58%,#072f68 100%) !important;
  box-shadow:0 28px 58px rgba(6,38,83,.15) !important;
}

.sampro-topic-v320__practice-panel::after{
  content:"" !important;
  position:absolute !important;
  right:-130px !important;
  bottom:-120px !important;
  width:320px !important;
  height:320px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 70%) !important;
  pointer-events:none !important;
}

.sampro-topic-v320__practice-story,
.sampro-topic-v320__practice-examples{
  position:relative !important;
  z-index:1 !important;
}

.sampro-topic-v320__practice-story .sampro-topic-v271__eyebrow{
  color:rgba(255,255,255,.72) !important;
}

.sampro-topic-v320__practice-story h2{
  margin:6px 0 8px !important;
  color:rgba(255,255,255,.88) !important;
  font-size:clamp(24px,1.8vw,34px) !important;
  line-height:1.12 !important;
  letter-spacing:-.02em !important;
}

.sampro-topic-v320__practice-story blockquote{
  margin:0 0 14px !important;
  color:#ffffff !important;
  font-size:clamp(28px,2.3vw,44px) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
}

.sampro-topic-v320__practice-story > p:not(.sampro-topic-v271__eyebrow){
  margin:0 !important;
  max-width:720px !important;
  color:rgba(255,255,255,.84) !important;
  font-size:17px !important;
  line-height:1.65 !important;
}

.sampro-topic-v320__practice-figure{
  margin:22px 0 0 !important;
  border-radius:28px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 18px 36px rgba(4,24,54,.24), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.sampro-topic-v320__practice-figure img{
  display:block !important;
  width:100% !important;
  min-height:360px !important;
  max-height:420px !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.sampro-topic-v320__practice-examples{
  display:flex !important;
  flex-direction:column !important;
}

.sampro-topic-v320__practice-kicker{
  margin:0 0 16px !important;
  display:inline-flex !important;
  align-items:center !important;
  align-self:flex-start !important;
  min-height:28px !important;
  padding:5px 11px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#f0cf79 !important;
  font-size:10.5px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.sampro-topic-v320__practice-case{
  position:relative !important;
  padding:20px 20px 18px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(245,249,254,.98) 100%) !important;
  border:1px solid rgba(222,232,242,.98) !important;
  box-shadow:0 18px 36px rgba(3,26,59,.12) !important;
}

.sampro-topic-v320__practice-case + .sampro-topic-v320__practice-case{
  margin-top:16px !important;
}

.sampro-topic-v320__practice-case::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:4px !important;
  border-radius:24px 24px 0 0 !important;
  background:linear-gradient(90deg,#d9a62d 0%,#be0909 58%,#8a0404 100%) !important;
}

.sampro-topic-v320__practice-case span{
  display:block !important;
  color:#8f6b13 !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.11em !important;
}

.sampro-topic-v320__practice-case h3{
  margin:8px 0 10px !important;
  color:#14345d !important;
  font-size:clamp(22px,1.55vw,30px) !important;
  line-height:1.14 !important;
  letter-spacing:-.025em !important;
}

.sampro-topic-v320__practice-risk{
  margin:0 !important;
}

.sampro-topic-v320__practice-risk strong{
  display:block !important;
  color:#c20808 !important;
  font-size:clamp(34px,2.6vw,50px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
}

.sampro-topic-v320__practice-scope{
  margin:8px 0 0 !important;
  color:#4d6480 !important;
  font-size:15px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}

.sampro-topic-v320__practice-note{
  margin:16px 2px 0 !important;
  color:rgba(255,255,255,.78) !important;
  font-size:13.5px !important;
  line-height:1.55 !important;
}

/* Audit-Readiness Bereich stärker premium */
.sampro-topic-v318__audit-section{
  padding-top:26px !important;
  padding-bottom:82px !important;
  background:transparent !important;
  border-top:none !important;
  border-bottom:none !important;
}

.sampro-topic-v318__audit-panel{
  padding:36px !important;
  border-radius:34px !important;
  border:1px solid rgba(214,225,238,.95) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(217,166,45,.14) 0%, rgba(217,166,45,0) 28%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
  box-shadow:0 24px 52px rgba(6,38,83,.09), inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.sampro-topic-v318__audit-head{
  max-width:980px !important;
  margin-bottom:28px !important;
}

.sampro-topic-v318__audit-head h2{
  font-size:clamp(32px,2.5vw,44px) !important;
  margin-bottom:12px !important;
}

.sampro-topic-v318__audit-head > p:not(.sampro-topic-v271__eyebrow){
  font-size:17px !important;
  line-height:1.68 !important;
}

.sampro-topic-v318__audit-content{
  gap:26px !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}

.sampro-topic-v318__audit-column{
  border-radius:28px !important;
  padding:26px !important;
}

.sampro-topic-v318__audit-column h3{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:32px !important;
  margin:0 0 18px !important;
  padding:4px 12px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.sampro-topic-v318__audit-column--pitfalls h3{
  color:#8f6b13 !important;
  background:rgba(201,162,58,.10) !important;
  border:1px solid rgba(201,162,58,.28) !important;
}

.sampro-topic-v318__audit-column--support h3{
  color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.15) !important;
}

.sampro-topic-v318__pitfall-grid{
  gap:14px !important;
}

.sampro-topic-v318__pitfall-grid div{
  min-height:126px !important;
  border-radius:20px !important;
  padding:17px 17px 16px !important;
}

.sampro-topic-v318__pitfall-grid strong,
.sampro-topic-v318__support-steps strong{
  font-size:16px !important;
}

.sampro-topic-v318__pitfall-grid span,
.sampro-topic-v318__support-steps span{
  font-size:14px !important;
  line-height:1.5 !important;
}

.sampro-topic-v318__support-steps{
  gap:14px !important;
}

.sampro-topic-v318__support-steps div{
  padding:16px 16px 16px 16px !important;
  border-radius:20px !important;
}

.sampro-topic-v318__audit-outcome{
  margin-top:26px !important;
  padding:20px 24px !important;
  border-radius:22px !important;
}

/* Ablaufblock veredeln */
.sampro-topic-v271__flow-frame{
  padding:34px 32px 22px !important;
  border-radius:34px !important;
  border:1px solid rgba(214,225,238,.96) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(217,166,45,.12) 0%, rgba(217,166,45,0) 28%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  box-shadow:0 24px 52px rgba(6,38,83,.09) !important;
}

.sampro-topic-v271__flow-title-block{
  margin-bottom:30px !important;
}

.sampro-topic-v271__flow-title-block h3{
  font-size:clamp(30px,2.5vw,42px) !important;
}

.sampro-topic-v271__flow-title-block p{
  font-size:clamp(18px,1.3vw,23px) !important;
  line-height:1.55 !important;
}

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

.sampro-topic-v271__flow-step{
  min-height:326px !important;
  padding:78px 24px 24px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
  border:1px solid rgba(217,227,239,.98) !important;
  box-shadow:0 18px 36px rgba(6,38,83,.06) !important;
}

.sampro-topic-v271__flow-step::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#d9a62d 0%,#0a447f 100%) !important;
}

.sampro-topic-v271__flow-step-no{
  background:#ffffff !important;
  border:3px solid #d9a62d !important;
  color:#062653 !important;
  box-shadow:0 12px 24px rgba(6,38,83,.10) !important;
}

.sampro-topic-v271__flow-icon{
  width:96px !important;
  height:96px !important;
  padding:20px !important;
  border-radius:26px !important;
  border:1px solid rgba(214,225,238,.95) !important;
  background:#f8fbff !important;
  box-shadow:0 12px 24px rgba(6,38,83,.05) !important;
}

.sampro-topic-v271__flow-step h4{
  font-size:clamp(18px,1.45vw,28px) !important;
  margin-bottom:10px !important;
}

.sampro-topic-v271__flow-step p{
  font-size:16px !important;
  line-height:1.58 !important;
}

.sampro-topic-v271__flow-highlight{
  min-height:98px !important;
  padding:24px 28px !important;
}

.sampro-topic-v271__flow-highlight-icon{
  width:54px !important;
  height:54px !important;
}

.sampro-topic-v271__flow-highlight strong{
  font-size:clamp(18px,1.25vw,24px) !important;
}

@media (max-width:1160px){
  .sampro-topic-v320__practice-panel{
    grid-template-columns:1fr !important;
  }
}

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

@media (max-width:820px){
  .sampro-topic-v318__pitfall-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:720px){
  .sampro-topic-v320__practice-panel,
  .sampro-topic-v318__audit-panel,
  .sampro-topic-v271__flow-frame{
    padding:24px !important;
    border-radius:26px !important;
  }
  .sampro-topic-v320__practice-story blockquote{
    font-size:clamp(24px,8vw,34px) !important;
  }
  .sampro-topic-v320__practice-story > p:not(.sampro-topic-v271__eyebrow){
    font-size:15px !important;
    line-height:1.58 !important;
  }
  .sampro-topic-v320__practice-figure img{
    min-height:250px !important;
    max-height:none !important;
  }
  .sampro-topic-v320__practice-case h3{
    font-size:clamp(18px,6vw,24px) !important;
  }
  .sampro-topic-v320__practice-risk strong{
    font-size:clamp(26px,8vw,34px) !important;
  }
  .sampro-topic-v318__audit-head h2,
  .sampro-topic-v271__flow-title-block h3{
    font-size:clamp(26px,7vw,34px) !important;
  }
  .sampro-topic-v271__flow-title-block p,
  .sampro-topic-v318__audit-head > p:not(.sampro-topic-v271__eyebrow),
  .sampro-topic-v271__flow-step p{
    font-size:15px !important;
  }
}