/* v322: Hotfix - Audit-Readiness-Premium-CSS direkt und ohne gebrochene Abhängigkeit laden */
/* v321: CI-Feinschliff für Audit Readiness auf Premium-Niveau */

.sampro-topic-v321__practice-section{
  padding-top:16px !important;
  padding-bottom:26px !important;
}

.sampro-topic-v321__practice-panel{
  display:grid !important;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr) !important;
  gap:26px !important;
  align-items:stretch !important;
  border-radius:34px !important;
  border:1px solid rgba(12,53,102,.10) !important;
  background:linear-gradient(135deg,#062a5f 0%,#0c4589 58%,#08386f 100%) !important;
  box-shadow:0 28px 58px rgba(6,38,83,.16) !important;
  padding:30px !important;
  overflow:hidden !important;
  position:relative !important;
}

.sampro-topic-v321__practice-panel::before{
  content:"" !important;
  position:absolute !important;
  right:-100px !important;
  top:-120px !important;
  width:300px !important;
  height:300px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(240,197,94,.20) 0%, rgba(240,197,94,0) 68%) !important;
}

.sampro-topic-v321__practice-copy,
.sampro-topic-v321__practice-media{position:relative !important;z-index:1 !important;}

.sampro-topic-v321__practice-copy{padding:8px 4px 8px 4px !important;}
.sampro-topic-v321__practice-copy .sampro-topic-v271__eyebrow{color:rgba(255,255,255,.74) !important;}
.sampro-topic-v321__practice-copy h2{
  margin:6px 0 10px !important;
  color:rgba(255,255,255,.88) !important;
  font-size:clamp(24px,1.9vw,34px) !important;
  line-height:1.14 !important;
  letter-spacing:-.02em !important;
}
.sampro-topic-v321__practice-copy blockquote{
  margin:0 0 16px !important;
  color:#ffffff !important;
  font-size:clamp(30px,2.4vw,44px) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
}
.sampro-topic-v321__practice-copy > p:not(.sampro-topic-v271__eyebrow){
  margin:0 !important;
  color:rgba(255,255,255,.84) !important;
  font-size:17px !important;
  line-height:1.68 !important;
  max-width:530px !important;
}

.sampro-topic-v321__practice-media{
  border-radius:28px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.12) 0%, rgba(255,255,255,.08) 100%) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
  padding:14px !important;
}
.sampro-topic-v321__practice-figure{
  margin:0 !important;
  border-radius:20px !important;
  overflow:hidden !important;
  box-shadow:0 18px 30px rgba(5,26,56,.24) !important;
}
.sampro-topic-v321__practice-figure img{
  display:block !important;
  width:100% !important;
  height:220px !important;
  object-fit:cover !important;
  object-position:center 36% !important;
}

.sampro-topic-v321__practice-example-wrap{padding:16px 4px 4px !important;}
.sampro-topic-v321__practice-kicker{
  margin:0 0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:5px 11px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#f3d37e !important;
  font-size:10.5px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
.sampro-topic-v321__practice-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}
.sampro-topic-v321__practice-case{
  border-radius:22px !important;
  border:1px solid rgba(223,233,243,.94) !important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
  box-shadow:0 16px 32px rgba(5,28,60,.10) !important;
  padding:18px 16px !important;
  position:relative !important;
  min-height:188px !important;
}
.sampro-topic-v321__practice-case::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:4px !important;
  border-radius:22px 22px 0 0 !important;
  background:linear-gradient(90deg,#d9a62d 0%,#c40606 100%) !important;
}
.sampro-topic-v321__practice-case span{display:block !important;color:#8f6b13 !important;font-size:11px !important;font-weight:900 !important;letter-spacing:.11em !important;text-transform:uppercase !important;}
.sampro-topic-v321__practice-case h3{margin:8px 0 10px !important;color:#14345d !important;font-size:clamp(18px,1.35vw,24px) !important;line-height:1.18 !important;letter-spacing:-.02em !important;}
.sampro-topic-v321__practice-risk{margin:0 !important;}
.sampro-topic-v321__practice-risk strong{display:block !important;color:#c20808 !important;font-size:clamp(24px,1.9vw,34px) !important;line-height:1 !important;font-weight:900 !important;letter-spacing:-.03em !important;}
.sampro-topic-v321__practice-scope{margin:10px 0 0 !important;color:#4d6480 !important;font-size:14px !important;line-height:1.45 !important;font-weight:700 !important;}
.sampro-topic-v321__practice-note{margin:14px 0 0 !important;color:rgba(255,255,255,.80) !important;font-size:13px !important;line-height:1.55 !important;}

/* Audit readiness */
.sampro-topic-v321__audit-section{
  padding-top:26px !important;
  padding-bottom:78px !important;
}
.sampro-topic-v321__audit-panel{
  border-radius:34px !important;
  border:1px solid rgba(214,225,238,.96) !important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
  box-shadow:0 24px 52px rgba(6,38,83,.09) !important;
  padding:36px !important;
  position:relative !important;
  overflow:hidden !important;
}
.sampro-topic-v321__audit-panel::after{
  content:"" !important;
  position:absolute !important;
  right:-110px !important;
  bottom:-120px !important;
  width:320px !important;
  height:320px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(11,57,116,.08) 0%, rgba(11,57,116,0) 70%) !important;
}
.sampro-topic-v321__audit-head{position:relative !important;z-index:1 !important;max-width:980px !important;margin-bottom:28px !important;}
.sampro-topic-v321__audit-head h2{margin:0 0 12px !important;color:#062653 !important;font-size:clamp(30px,2.4vw,42px) !important;line-height:1.12 !important;letter-spacing:-.03em !important;}
.sampro-topic-v321__audit-head p:not(.sampro-topic-v271__eyebrow){margin:0 !important;color:#415770 !important;font-size:17px !important;line-height:1.68 !important;}
.sampro-topic-v321__audit-content{position:relative !important;z-index:1 !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:26px !important;align-items:stretch !important;}
.sampro-topic-v321__audit-card{border-radius:28px !important;padding:24px !important;position:relative !important;overflow:hidden !important;}
.sampro-topic-v321__audit-card--light{border:1px solid rgba(214,225,238,.96) !important;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;box-shadow:0 16px 34px rgba(6,38,83,.05) !important;}
.sampro-topic-v321__audit-card--dark{border:1px solid rgba(255,255,255,.16) !important;background:linear-gradient(135deg,#062653 0%,#0b3f84 64%,#05295a 100%) !important;box-shadow:0 20px 42px rgba(6,38,83,.16) !important;}
.sampro-topic-v321__audit-card-head{display:inline-flex !important;align-items:center !important;min-height:32px !important;padding:4px 12px !important;border-radius:999px !important;margin:0 0 18px !important;background:rgba(201,162,58,.10) !important;border:1px solid rgba(201,162,58,.26) !important;color:#8f6b13 !important;font-size:11px !important;font-weight:900 !important;letter-spacing:.12em !important;text-transform:uppercase !important;}
.sampro-topic-v321__audit-card-head--dark{background:rgba(255,255,255,.10) !important;border-color:rgba(255,255,255,.15) !important;color:#ffffff !important;}
.sampro-topic-v321__pitfall-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;}
.sampro-topic-v321__pitfall-item{min-height:126px !important;padding:16px 16px 15px !important;border-radius:20px !important;border:1px solid rgba(214,225,237,.96) !important;background:#ffffff !important;box-shadow:0 10px 22px rgba(6,38,83,.04) !important;position:relative !important;}
.sampro-topic-v321__pitfall-item::before{content:"" !important;position:absolute !important;left:16px !important;top:0 !important;width:72px !important;height:3px !important;border-radius:999px !important;background:linear-gradient(90deg,#d9a62d 0%,rgba(217,166,45,0) 100%) !important;}
.sampro-topic-v321__pitfall-item strong{display:block !important;color:#123864 !important;font-size:15.5px !important;line-height:1.22 !important;font-weight:850 !important;}
.sampro-topic-v321__pitfall-item span{display:block !important;margin-top:7px !important;color:#506783 !important;font-size:13.8px !important;line-height:1.48 !important;}
.sampro-topic-v321__support-steps{display:grid !important;gap:12px !important;}
.sampro-topic-v321__support-step{display:grid !important;grid-template-columns:42px minmax(0,1fr) !important;gap:14px !important;padding:15px 16px !important;border-radius:18px !important;background:rgba(255,255,255,.10) !important;border:1px solid rgba(255,255,255,.18) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;}
.sampro-topic-v321__support-step small{display:flex !important;align-items:center !important;justify-content:center !important;width:38px !important;height:38px !important;border-radius:50% !important;background:#f0c55e !important;color:#062653 !important;font-size:12px !important;font-weight:900 !important;letter-spacing:.06em !important;}
.sampro-topic-v321__support-step strong{display:block !important;color:#ffffff !important;font-size:15.5px !important;line-height:1.2 !important;font-weight:850 !important;}
.sampro-topic-v321__support-step span{display:block !important;margin-top:5px !important;color:rgba(255,255,255,.82) !important;font-size:13.6px !important;line-height:1.45 !important;}
.sampro-topic-v321__audit-outcome{position:relative !important;z-index:1 !important;margin:24px 0 0 !important;padding:18px 22px !important;border-radius:20px !important;color:#062653 !important;background:linear-gradient(180deg,#fff8e8 0%,#f3d37e 100%) !important;border:1px solid rgba(240,197,94,.52) !important;box-shadow:0 14px 28px rgba(6,38,83,.06) !important;font-size:16px !important;line-height:1.55 !important;font-weight:800 !important;}

/* flow finetuning for CI */
.sampro-topic-v271__flow-frame{border-radius:34px !important;}
.sampro-topic-v271__flow-title-block h3{font-size:clamp(28px,2.3vw,38px) !important;}
.sampro-topic-v271__flow-step h4{font-size:clamp(18px,1.35vw,24px) !important;}
.sampro-topic-v271__flow-step p{font-size:15.5px !important;line-height:1.56 !important;}

@media (max-width:1180px){
  .sampro-topic-v321__practice-panel{grid-template-columns:1fr !important;}
  .sampro-topic-v321__practice-copy > p:not(.sampro-topic-v271__eyebrow){max-width:none !important;}
  .sampro-topic-v321__audit-content{grid-template-columns:1fr !important;}
}
@media (max-width:900px){
  .sampro-topic-v321__practice-grid{grid-template-columns:1fr !important;}
  .sampro-topic-v321__practice-case{min-height:0 !important;}
}
@media (max-width:760px){
  .sampro-topic-v321__pitfall-grid{grid-template-columns:1fr !important;}
}
@media (max-width:720px){
  .sampro-topic-v321__practice-panel,.sampro-topic-v321__audit-panel{padding:24px !important;border-radius:26px !important;}
  .sampro-topic-v321__practice-copy blockquote{font-size:clamp(24px,8vw,34px) !important;}
  .sampro-topic-v321__practice-copy > p:not(.sampro-topic-v271__eyebrow),
  .sampro-topic-v321__audit-head p:not(.sampro-topic-v271__eyebrow),
  .sampro-topic-v271__flow-step p{font-size:15px !important;}
  .sampro-topic-v321__practice-figure img{height:180px !important;}
  .sampro-topic-v321__audit-head h2,.sampro-topic-v271__flow-title-block h3{font-size:clamp(26px,7vw,34px) !important;}
  .sampro-topic-v321__support-step{grid-template-columns:36px minmax(0,1fr) !important;padding:14px !important;}
  .sampro-topic-v321__support-step small{width:34px !important;height:34px !important;}
}


/* v322: eindeutige Sichtbarkeits-/CI-Absicherung */
body .sampro-topic-v321__practice-panel{outline:0 solid transparent !important;}
body .sampro-topic-v321__practice-media{max-width:100% !important;}
body .sampro-topic-v321__practice-figure img{height:220px !important;max-height:220px !important;}
body .sampro-topic-v321__practice-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
body .sampro-topic-v321__audit-panel{display:block !important;}
@media (max-width:900px){body .sampro-topic-v321__practice-grid{grid-template-columns:1fr !important;}}