/* Career Signal Check v0.7.3 */
:root{--csc-ink:#1f344d;--csc-mid:#51657c;--csc-faint:#8494a7;--csc-rule:rgba(31,52,77,.14);--csc-bg:#eef3f8;--csc-white:#ffffff;--csc-gold:#c6a96a}
.hc-csc-form{width:100%;font-family:var(--hc-font-body,'Helvetica Neue',Helvetica,Arial,sans-serif);color:var(--csc-ink);font-size:14px;line-height:1.6}
.hc-csc-form *{box-sizing:border-box}

.hc-csc-wrap{display:grid;grid-template-columns:200px 1fr;border:1px solid var(--csc-rule)}

.hc-csc-sidebar{background:var(--csc-bg);border-right:1px solid var(--csc-rule);padding:20px 14px}
.hc-csc-sb-title{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--csc-faint);margin:0 0 14px}
.hc-csc-sb-item{padding:10px 10px 10px 12px;cursor:pointer;margin-bottom:2px;border-left:2px solid transparent;user-select:none;transition:background .12s}
.hc-csc-sb-item:hover{background:var(--csc-white)}
.hc-csc-sel{background:var(--csc-white);border-left-color:var(--csc-ink)}
.hc-csc-sel-gold{background:var(--csc-white);border-left-color:#c6a96a}
.hc-csc-sb-price{font-size:14px;font-weight:600;color:var(--csc-ink);line-height:1.2}
.hc-csc-sb-vat{font-size:10px;font-weight:400;color:var(--csc-faint);margin-left:2px}
.hc-csc-sb-name{font-size:11px;color:var(--csc-mid);margin-top:2px;line-height:1.3}
.hc-csc-sess-item.hc-csc-sel-gold .hc-csc-sb-price{color:#8a6a2a}

.hc-csc-main{padding:26px 28px;background:var(--csc-white)}

.hc-csc-prod-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--csc-rule)}
.hc-csc-prod-name{font-size:16px;font-weight:600;color:var(--csc-ink);margin:0 0 5px;font-family:var(--hc-font-head,Georgia,serif)}
.hc-csc-prod-tag{font-size:13px;color:var(--csc-mid);margin:0;line-height:1.5}

.hc-csc-step{border-bottom:1px solid var(--csc-rule)}
.hc-csc-step:last-child{border-bottom:none}
.hc-csc-step-head{display:flex;align-items:center;gap:10px;padding:14px 0 12px}
.hc-csc-step-num{width:22px;height:22px;border-radius:50%;border:1px solid var(--csc-rule);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--csc-faint);flex-shrink:0;transition:background .12s}
.hc-csc-is-active .hc-csc-step-num{background:var(--csc-ink);color:#fff;border-color:var(--csc-ink)}
.hc-csc-is-done .hc-csc-step-num{background:var(--csc-ink);color:#fff;border-color:var(--csc-ink);font-size:0}
.hc-csc-is-done .hc-csc-step-num::after{content:'✓';font-size:11px}
.hc-csc-step-lbl{flex:1;font-size:13px;font-weight:600;color:var(--csc-faint)}
.hc-csc-is-active .hc-csc-step-lbl{color:var(--csc-ink)}
.hc-csc-is-done .hc-csc-step-lbl{color:var(--csc-mid)}
.hc-csc-step-edit{font-size:11px;color:var(--csc-mid);text-decoration:underline;cursor:pointer;display:none}
.hc-csc-is-done .hc-csc-step-edit{display:inline}
.hc-csc-step-summary{font-size:12px;color:var(--csc-faint);padding:0 0 12px 32px;display:none}
.hc-csc-is-done .hc-csc-step-summary{display:block}
.hc-csc-step-body{display:none;padding-bottom:20px}
.hc-csc-is-active .hc-csc-step-body{display:block}

.hc-csc-hint{font-size:13px;color:var(--csc-mid);margin:0 0 14px;line-height:1.55}
.hc-csc-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.hc-csc-lbl{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--csc-mid);margin:12px 0 5px}
.hc-csc-lbl:first-child{margin-top:0}
.hc-csc-form input[type=text],
.hc-csc-form input[type=email],
.hc-csc-form input[type=url],
.hc-csc-form textarea{display:block;width:100%;border:none;border-bottom:1px solid rgba(31,52,77,.2);background:transparent;color:var(--csc-ink);padding:8px 0;font-size:14px;font-family:inherit;outline:none;transition:border-color .13s;border-radius:0}
.hc-csc-form input:focus,.hc-csc-form textarea:focus{border-bottom-color:var(--csc-ink)}
.hc-csc-form textarea{resize:vertical;min-height:72px}

.hc-csc-upload-zone{border:1px dashed rgba(31,52,77,.18);background:var(--csc-bg);padding:18px;text-align:center;cursor:pointer;margin-bottom:10px;transition:border-color .13s}
.hc-csc-upload-zone:hover,.hc-csc-upload-zone.hc-csc-upload-drag{border-color:rgba(31,52,77,.36);background:#fff}
.hc-csc-upload-arrow{font-size:22px;color:var(--csc-faint);display:block;margin-bottom:4px;font-style:normal}
.hc-csc-upload-lbl{font-size:13px;color:var(--csc-mid)}
.hc-csc-upload-sub{font-size:11px;color:var(--csc-faint);margin-top:2px}
.hc-csc-file-list{list-style:none;padding:0;margin:0 0 10px}
.hc-csc-file-item{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--csc-mid);padding:5px 0;border-bottom:1px solid var(--csc-rule)}
.hc-csc-file-item:last-child{border-bottom:none}
.hc-csc-file-rm{cursor:pointer;color:var(--csc-faint);font-size:16px;line-height:1;padding:0 2px;flex-shrink:0;background:transparent;border:none;font-family:inherit}
.hc-csc-file-rm:hover{color:var(--csc-ink)}

.hc-csc-chk{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--csc-mid);line-height:1.6;margin-bottom:11px}
.hc-csc-chk:last-of-type{margin-bottom:0}
.hc-csc-chk input[type=checkbox]{margin-top:3px;flex-shrink:0;accent-color:var(--csc-ink);width:13px;height:13px}
.hc-csc-chk a{color:var(--csc-ink)}
.hc-chk-paid,.hc-chk-sess,.hc-chk-free{display:none}
.hc-chk-on{display:flex}

.hc-csc-nav{margin-top:16px}
.hc-csc-btn-next{padding:9px 24px;background:var(--csc-ink);color:#fff;border:none;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .13s}
.hc-csc-btn-next:hover{opacity:.85}
.hc-csc-btn-sub{display:block;width:100%;margin-top:18px;padding:13px;background:var(--csc-ink);color:#fff;border:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .13s}
.hc-csc-btn-sub:hover{opacity:.85}
.hc-csc-note{font-size:11px;color:var(--csc-faint);text-align:center;margin-top:10px}

@media(max-width:660px){
  .hc-csc-wrap{grid-template-columns:1fr}
  .hc-csc-sidebar{border-right:none;border-bottom:1px solid var(--csc-rule);display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:14px}
  .hc-csc-sb-title{grid-column:1/-1;margin-bottom:8px}
  .hc-csc-sb-item{border-left:none;border-bottom:2px solid transparent;padding:8px}
  .hc-csc-sel{border-bottom-color:var(--csc-ink);border-left:none}
  .hc-csc-sel-gold{border-bottom-color:#c6a96a;border-left:none}
  .hc-csc-main{padding:18px}
  .hc-csc-row2{grid-template-columns:1fr;gap:0}
}
.hc-csc-billing{border:1px solid var(--csc-rule);background:var(--csc-bg);padding:12px 14px;margin:0 0 16px}
.hc-csc-billing-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--csc-faint);margin-bottom:4px}
.hc-csc-billing-main{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;color:var(--csc-mid)}
.hc-csc-billing-main strong{font-size:15px;color:var(--csc-ink);white-space:nowrap}


/* v0.6.6 finale Stabilisierung */
.hc-csc-wrap{
  grid-template-columns:minmax(260px,300px) minmax(0,1fr);
  width:100%;
  max-width:1180px;
  margin:0 auto;
}
.hc-csc-sidebar{min-width:0;overflow:hidden}
.hc-csc-sb-item{
  appearance:none;
  -webkit-appearance:none;
  display:block;
  width:100%;
  min-width:0;
  padding:13px 12px 13px 14px;
  margin-bottom:8px;
  border:1px solid transparent;
  border-left:3px solid transparent;
  border-radius:10px;
  background:rgba(255,255,255,.48);
  text-align:left;
  font-family:inherit;
  line-height:1.35;
}
.hc-csc-sb-item:hover,.hc-csc-sel,.hc-csc-sel-gold{background:#fff;border-color:rgba(31,52,77,.09)}
.hc-csc-sel{border-left-color:var(--csc-ink)}
.hc-csc-sel-gold{border-left-color:#c6a96a}
.hc-csc-sb-item:focus{outline:2px solid rgba(31,52,77,.25);outline-offset:2px}
.hc-csc-sb-price{display:block;font-size:16px;font-weight:700;line-height:1.25;white-space:normal;color:var(--csc-ink)}
.hc-csc-sb-vat{display:block;font-size:10px;line-height:1.25;margin:2px 0 0;color:var(--csc-faint)}
.hc-csc-sb-name{display:block;font-size:12px;line-height:1.35;margin-top:6px;color:var(--csc-mid);overflow-wrap:break-word}
.hc-csc-main{min-width:0}
.hc-csc-form-message{display:none;margin:0 0 16px;padding:12px 14px 12px 40px;border:1px solid rgba(181,139,79,.38);border-radius:12px;background:#fffaf1;color:#5f3f13;font-size:13px;line-height:1.45;position:relative}
.hc-csc-form-message:before{content:"";position:absolute;left:14px;top:14px;width:14px;height:14px;border-radius:50%;border:1px solid rgba(181,139,79,.65);background:linear-gradient(#fff,#f8ead2)}
.hc-csc-form-message:after{content:"";position:absolute;left:20px;top:18px;width:2px;height:6px;background:#8a6a2a;box-shadow:0 8px 0 #8a6a2a}
.hc-csc-form-message-visible{display:block}
.hc-csc-chk input[type="checkbox"]{accent-color:#1f344d}
@media(max-width:880px){.hc-csc-wrap{display:block}.hc-csc-sidebar{border-right:0;border-bottom:1px solid var(--csc-rule)}}

/* v0.6.7 Pflichtfeld und Trust Meldung */
.hc-csc-form-message{
  font-weight:500;
}
.hc-csc-trust-flash{
  display:none;
  margin:0 0 22px;
  padding:0;
  border-radius:20px;
  background:#1f344d;
  color:#fff;
  font-size:16px;
  line-height:1.55;
  text-align:center;
  box-shadow:0 22px 56px rgba(31,52,77,.24);
  opacity:0;
  transform:translateY(10px);
  overflow:hidden;
  transition:opacity .28s ease, transform .28s ease;
}
.hc-csc-trust-flash-visible{
  display:block;
  opacity:1;
  transform:translateY(0);
}
.hc-csc-toast-card{background:#1f344d;color:#fff;padding:28px 28px 30px;text-align:center}
.hc-csc-toast-logo-wrap{display:flex;justify-content:center;margin:0 auto 18px}
.hc-csc-toast-logo-img{display:block;width:190px;max-width:72%;height:auto}
.hc-csc-toast-copy strong{display:block;font-size:26px;line-height:1.25;margin-bottom:10px;font-family:var(--hc-font-head,Georgia,serif);font-weight:600;color:#fff}
.hc-csc-toast-copy span{display:block;max-width:620px;margin:0 auto;font-size:16px;line-height:1.7;color:#fff}

.hc-csc-submit:disabled,
.hc-csc-submit-loading{
  opacity:.72;
  cursor:wait;
}

/* v0.7.3 ruhiger Hinweisindikator */
.hc-csc-form-message:before,
.hc-csc-form-message:after,

.hc-csc-select{width:100%;border:1px solid rgba(31,52,77,.16);background:#fff;padding:10px 12px;font-family:inherit;font-size:14px;color:#1f344d;margin:0 0 14px;border-radius:8px}
.hc-csc-session-upload{display:none;margin-top:14px}
.hc-csc-session-upload-on{display:block}
.hc-csc-form input[type=file]{display:block;width:100%;border:1px dashed rgba(31,52,77,.20);background:var(--csc-bg);padding:12px;font-size:13px;color:var(--csc-mid);font-family:inherit}

.hc-csc-billing-address{display:none;border:1px solid var(--csc-rule);background:#fff;padding:16px;margin:0 0 16px}
.hc-csc-billing-address-on{display:block}
.hc-csc-billing-title{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--csc-ink);margin-bottom:10px}
.hc-csc-company-row{display:none}
.hc-csc-company-row-on{display:block}


/* v0.8.7 Session Widerruf, Toast und Hinweistext */
.hc-csc-toast-card{
  background:#1f344d;
  color:#fff;
  padding:34px 34px 38px;
  text-align:center;
}
.hc-csc-toast-logo-wrap{
  display:block;
  margin:0 auto 22px;
  text-align:center;
}
.hc-csc-toast-logo-img{
  display:block;
  width:220px;
  max-width:68%;
  height:auto;
  max-height:96px;
  object-fit:contain;
  margin:0 auto;
}
.hc-csc-toast-copy strong{
  display:block;
  font-size:28px;
  line-height:1.25;
  margin:0 0 12px;
  font-family:var(--hc-font-head,Georgia,serif);
  font-weight:600;
  color:#fff;
}
.hc-csc-toast-copy span{
  display:block;
  max-width:660px;
  margin:0 auto;
  font-size:16px;
  line-height:1.7;
  color:#fff;
}
.hc-csc-note-flow{
  max-width:680px;
  margin:10px auto 0;
  font-size:11px;
  line-height:1.6;
  text-align:center;
}
.hc-csc-chk label{
  line-height:1.55;
}


/* v0.8.9 Toast Logo inline und Hinweistext in Checkbox-Schriftgröße */
.hc-csc-toast-logo-wrap{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:0 auto 18px !important;
  text-align:center !important;
}
.hc-csc-toast-logo-svg{
  display:block !important;
  width:230px !important;
  max-width:70% !important;
  height:auto !important;
  max-height:130px !important;
  margin:0 auto !important;
}
.hc-csc-note.hc-csc-note-flow,
.hc-csc-form .hc-csc-note.hc-csc-note-flow{
  max-width:none !important;
  margin:8px 0 0 !important;
  font-size:11px !important;
  line-height:1.55 !important;
  color:var(--csc-mid) !important;
  text-align:left !important;
  font-weight:400 !important;
}

/* v0.9.6: cleaner conditional target/question step and corrected step circles */
.hc-csc-step-hidden{display:none!important}
.hc-csc-step-num{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
  box-sizing:border-box !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  font-size:10px !important;
  line-height:20px !important;
  font-weight:600 !important;
  overflow:hidden !important;
}
.hc-csc-is-done .hc-csc-step-num::after{font-size:10px !important;line-height:20px !important}
.hc-csc-field-block{margin:0 0 20px}
.hc-csc-field-help{font-size:13px;color:var(--csc-mid);margin:0 0 8px;line-height:1.55}
.hc-csc-example-box{background:var(--csc-bg);border:1px solid var(--csc-rule);padding:12px 14px;margin:0 0 10px;font-size:12px;color:var(--csc-mid);line-height:1.55}
.hc-csc-example-box ul{margin:6px 0 0 18px;padding:0}
.hc-csc-example-box li{margin:4px 0}
.hc-csc-form textarea.hc-csc-textarea-large{min-height:116px;padding:12px 0;font-size:14px;line-height:1.55}
#hc-question-block .hc-csc-textarea-large{min-height:132px}
@media (max-width: 760px){.hc-csc-step-num{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.hc-csc-example-box{padding:10px 12px}}


/* v0.9.7: Website-nahe Flächenfarben */
:root{
  --csc-ink:#1f344d;
  --csc-mid:#51657c;
  --csc-faint:#7f8fa1;
  --csc-rule:rgba(31,52,77,.12);
  --csc-bg:#f6f9fc;
  --csc-panel:#ffffff;
  --csc-soft:#eef3f8;
  --csc-gold:#c6a96a;
}
.hc-csc-wrap{
  background:var(--csc-panel) !important;
  border-color:rgba(31,52,77,.14) !important;
}
.hc-csc-sidebar{
  background:linear-gradient(180deg,#f8fafc 0%,#f3f7fb 100%) !important;
  border-right-color:rgba(31,52,77,.13) !important;
}
.hc-csc-sb-item{
  background:#ffffff !important;
  border-color:rgba(31,52,77,.09) !important;
  box-shadow:0 8px 20px rgba(31,52,77,.035) !important;
}
.hc-csc-sb-item:hover{
  background:#ffffff !important;
  border-color:rgba(31,52,77,.18) !important;
}
.hc-csc-sel{
  background:#ffffff !important;
  border-color:rgba(31,52,77,.20) !important;
  border-left-color:var(--csc-ink) !important;
  box-shadow:0 10px 24px rgba(31,52,77,.055) !important;
}
.hc-csc-sel-gold{
  background:#ffffff !important;
  border-color:rgba(198,169,106,.34) !important;
  border-left-color:var(--csc-gold) !important;
  box-shadow:0 10px 24px rgba(31,52,77,.055) !important;
}
.hc-csc-main{
  background:#ffffff !important;
}
.hc-csc-prod-header{
  border-bottom-color:rgba(31,52,77,.12) !important;
}
.hc-csc-step{
  border-bottom-color:rgba(31,52,77,.10) !important;
}
.hc-csc-step-num{
  border-color:rgba(31,52,77,.14) !important;
  background:#ffffff !important;
}
.hc-csc-is-active .hc-csc-step-num,
.hc-csc-is-done .hc-csc-step-num{
  background:var(--csc-ink) !important;
  border-color:var(--csc-ink) !important;
}
.hc-csc-upload-zone,
.hc-csc-example-box,
.hc-csc-billing{
  background:var(--csc-bg) !important;
  border-color:rgba(31,52,77,.12) !important;
}
.hc-csc-billing-address{
  background:#ffffff !important;
  border-color:rgba(31,52,77,.12) !important;
}
.hc-csc-form-message,


/* v0.9.9: Premium UI polish for product navigation */
:root{
  --csc-ink:#1f344d;
  --csc-navy:#1f344d;
  --csc-navy-2:#2a4a6a;
  --csc-mid:#51657c;
  --csc-faint:#6c7a90;
  --csc-rule:#d7dee8;
  --csc-bg:#fafbfd;
  --csc-sidebar:#f8fafc;
  --csc-card-border:#e2e8f0;
  --csc-white:#ffffff;
}

.hc-csc-wrap{
  grid-template-columns:minmax(220px,240px) minmax(0,1fr) !important;
  border:1px solid var(--csc-rule) !important;
  background:#ffffff !important;
}

.hc-csc-sidebar{
  background:linear-gradient(180deg,#fbfcfe 0%,#f8fafc 100%) !important;
  border-right:1px solid var(--csc-rule) !important;
  padding:22px 16px !important;
}

.hc-csc-sb-title{
  color:#6c7a90 !important;
  font-size:10px !important;
  letter-spacing:.14em !important;
  margin:0 0 16px !important;
}

.hc-csc-sb-item{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-height:76px !important;
  margin:0 0 12px !important;
  padding:18px 16px 16px 22px !important;
  background:#ffffff !important;
  border:1px solid var(--csc-card-border) !important;
  border-left:1px solid var(--csc-card-border) !important;
  border-radius:12px !important;
  box-shadow:0 2px 8px rgba(31,52,77,.035) !important;
  transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease !important;
}

.hc-csc-sb-item:hover{
  background:#ffffff !important;
  border-color:#d5deea !important;
  box-shadow:0 8px 22px rgba(31,52,77,.07) !important;
  transform:translateY(-1px) !important;
}

.hc-csc-sel,
.hc-csc-sel-gold{
  background:#ffffff !important;
  border-color:#d5deea !important;
  border-left:4px solid var(--csc-navy) !important;
  box-shadow:0 10px 28px rgba(31,52,77,.095) !important;
  padding-left:19px !important;
}

.hc-csc-sel-gold{
  border-left-color:var(--csc-navy) !important;
}

.hc-csc-sb-name{
  display:block !important;
  margin:0 0 7px !important;
  color:var(--csc-navy) !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}

.hc-csc-sb-price{
  display:block !important;
  color:var(--csc-mid) !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  white-space:normal !important;
}

.hc-csc-sb-vat{
  display:inline !important;
  margin:0 !important;
  color:var(--csc-mid) !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
}

.hc-csc-prod-name{
  color:var(--csc-navy) !important;
}

.hc-csc-step-num{
  background:#f0f4f8 !important;
  border-color:#dce4ee !important;
  color:#6c7a90 !important;
}

.hc-csc-is-active .hc-csc-step-num,
.hc-csc-is-done .hc-csc-step-num{
  background:var(--csc-navy) !important;
  border-color:var(--csc-navy) !important;
  color:#fff !important;
}

.hc-csc-form input[type=text],
.hc-csc-form input[type=email],
.hc-csc-form input[type=url],
.hc-csc-form textarea,
.hc-csc-select{
  border-color:#d7dee8 !important;
}

.hc-csc-form input:focus,
.hc-csc-form textarea:focus,
.hc-csc-select:focus{
  border-color:var(--csc-navy) !important;
  box-shadow:0 2px 0 rgba(31,52,77,.10) !important;
}

.hc-csc-btn-next,
.hc-csc-btn-sub{
  background:var(--csc-navy) !important;
  box-shadow:0 8px 18px rgba(31,52,77,.12) !important;
}

@media(max-width:880px){
  .hc-csc-wrap{grid-template-columns:1fr !important}
  .hc-csc-sidebar{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important}
  .hc-csc-sb-title{grid-column:1/-1 !important;margin-bottom:4px !important}
  .hc-csc-sb-item{margin:0 !important;min-height:74px !important}
}


/* v0.10.0: Premium dashboard UI to match Hoffarth website mockup */
:root{
  --csc-ink:#12233b;
  --csc-navy:#122b49;
  --csc-navy-2:#1f3f62;
  --csc-mid:#50637b;
  --csc-faint:#7e8da0;
  --csc-rule:#dce4ee;
  --csc-bg:#ffffff;
  --csc-sidebar:#f7f9fc;
  --csc-card-border:#e3eaf2;
  --csc-icon-bg:#eef3f8;
  --csc-white:#ffffff;
}

.hc-csc-wrap{
  grid-template-columns:minmax(310px,330px) minmax(0,1fr) !important;
  max-width:1320px !important;
  border:1px solid #dce4ee !important;
  border-radius:6px !important;
  background:#fff !important;
  overflow:hidden !important;
  box-shadow:0 10px 34px rgba(18,35,59,.045) !important;
}

.hc-csc-sidebar{
  background:linear-gradient(180deg,#fbfcfe 0%,#f7f9fc 100%) !important;
  border-right:1px solid #dce4ee !important;
  padding:28px 24px !important;
}

.hc-csc-sb-title{
  margin:0 0 22px !important;
  color:#6f7f94 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

.hc-csc-sb-item{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  width:100% !important;
  min-height:106px !important;
  margin:0 0 16px !important;
  padding:22px 22px 22px 28px !important;
  background:#ffffff !important;
  border:1px solid #e3eaf2 !important;
  border-left:1px solid #e3eaf2 !important;
  border-radius:12px !important;
  text-align:left !important;
  box-shadow:0 4px 14px rgba(18,35,59,.035) !important;
  transform:none !important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease !important;
}

.hc-csc-sb-item:hover{
  background:#fff !important;
  border-color:#d4deeb !important;
  box-shadow:0 10px 28px rgba(18,35,59,.075) !important;
  transform:translateY(-1px) !important;
}

.hc-csc-sel,
.hc-csc-sel-gold{
  background:#ffffff !important;
  border-color:#d2dce8 !important;
  border-left:7px solid var(--csc-navy) !important;
  padding-left:22px !important;
  box-shadow:0 14px 32px rgba(18,35,59,.12) !important;
}

.hc-csc-sb-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  border-radius:50% !important;
  background:#eef3f8 !important;
  color:var(--csc-navy) !important;
  border:1px solid #e0e8f2 !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:700 !important;
}

.hc-csc-sel .hc-csc-sb-icon,
.hc-csc-sel-gold .hc-csc-sb-icon{
  background:var(--csc-navy) !important;
  color:#ffffff !important;
  border-color:var(--csc-navy) !important;
  box-shadow:0 0 0 6px rgba(18,43,73,.08) !important;
}

.hc-csc-sb-copy{
  display:block !important;
  min-width:0 !important;
}

.hc-csc-sb-name{
  display:block !important;
  margin:0 0 7px !important;
  color:var(--csc-navy) !important;
  font-size:19px !important;
  line-height:1.22 !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
}

.hc-csc-sb-price{
  display:block !important;
  color:#50637b !important;
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  white-space:normal !important;
}

.hc-csc-sb-vat{
  display:inline !important;
  color:#50637b !important;
  font-size:16px !important;
  font-weight:500 !important;
}

.hc-csc-main{
  padding:40px 44px !important;
  background:#ffffff !important;
}

.hc-csc-prod-header{
  margin-bottom:28px !important;
  padding-bottom:24px !important;
  border-bottom:1px solid #dce4ee !important;
}

.hc-csc-prod-name{
  color:var(--csc-navy) !important;
  font-size:24px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}

.hc-csc-prod-tag{
  color:#50637b !important;
  font-size:15px !important;
  line-height:1.6 !important;
}

.hc-csc-step-head{
  padding:18px 0 18px !important;
  gap:14px !important;
}

.hc-csc-step-num{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  max-width:34px !important;
  max-height:34px !important;
  border-radius:50% !important;
  background:#eef3f8 !important;
  border:1px solid #dce4ee !important;
  color:#6c7a90 !important;
  font-size:15px !important;
  line-height:34px !important;
  font-weight:700 !important;
}

.hc-csc-is-active .hc-csc-step-num,
.hc-csc-is-done .hc-csc-step-num{
  background:var(--csc-navy) !important;
  border-color:var(--csc-navy) !important;
  color:#fff !important;
}

.hc-csc-is-done .hc-csc-step-num::after{
  font-size:15px !important;
  line-height:34px !important;
}

.hc-csc-step-lbl{
  color:#51657c !important;
  font-size:17px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}

.hc-csc-lbl{
  color:#5f6f84 !important;
  font-size:12px !important;
  letter-spacing:.10em !important;
  margin:18px 0 7px !important;
}

.hc-csc-form input[type=text],
.hc-csc-form input[type=email],
.hc-csc-form input[type=url],
.hc-csc-form textarea,
.hc-csc-select{
  border-color:#cfd9e6 !important;
  color:#12233b !important;
  font-size:16px !important;
}

.hc-csc-select{
  min-height:52px !important;
  border-radius:7px !important;
  padding:0 18px !important;
}

.hc-csc-form input[type=text],
.hc-csc-form input[type=email],
.hc-csc-form input[type=url]{
  padding:11px 0 !important;
}

.hc-csc-form input:focus,
.hc-csc-form textarea:focus,
.hc-csc-select:focus{
  border-color:var(--csc-navy) !important;
  box-shadow:0 2px 0 rgba(18,43,73,.13) !important;
}

.hc-csc-btn-next,
.hc-csc-btn-sub{
  background:var(--csc-navy) !important;
  border-radius:5px !important;
  padding:13px 34px !important;
  font-size:12px !important;
  letter-spacing:.12em !important;
  box-shadow:0 8px 18px rgba(18,43,73,.16) !important;
}

.hc-csc-btn-next:hover,
.hc-csc-btn-sub:hover{
  background:#17375b !important;
  opacity:1 !important;
}

.hc-csc-step{
  border-bottom:1px solid #e0e7ef !important;
}

.hc-csc-step-body{
  padding-bottom:32px !important;
}

@media(max-width:880px){
  .hc-csc-wrap{grid-template-columns:1fr !important}
  .hc-csc-sidebar{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;padding:22px !important}
  .hc-csc-sb-title{grid-column:1/-1 !important;margin-bottom:4px !important}
  .hc-csc-sb-item{margin:0 !important;min-height:94px !important}
}

@media(max-width:640px){
  .hc-csc-main{padding:28px 22px !important}
  .hc-csc-sb-name{font-size:17px !important}
  .hc-csc-sb-price{font-size:14px !important}
}


/* v0.10.1: sidebar and product cards matched to reference screenshot */
.hc-csc-wrap{
  grid-template-columns:minmax(320px,340px) minmax(0,1fr) !important;
  border:1px solid #dfe7f1 !important;
  border-radius:6px !important;
  background:#fff !important;
  overflow:hidden !important;
}

.hc-csc-sidebar{
  background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%) !important;
  border-right:1px solid #dfe7f1 !important;
  padding:30px 26px !important;
}

.hc-csc-sb-title{
  color:#748397 !important;
  font-size:13px !important;
  letter-spacing:.16em !important;
  font-weight:800 !important;
  margin:0 0 24px !important;
}

.hc-csc-sb-item{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  min-height:110px !important;
  padding:24px 22px !important;
  margin:0 0 16px !important;
  background:#ffffff !important;
  border:1px solid #e2e9f2 !important;
  border-radius:12px !important;
  box-shadow:0 8px 24px rgba(18,35,59,.045) !important;
  color:#122b49 !important;
}

.hc-csc-sb-item:hover{
  background:#ffffff !important;
  border-color:#d5dfec !important;
  box-shadow:0 14px 34px rgba(18,35,59,.08) !important;
  transform:translateY(-1px) !important;
}

.hc-csc-sel,
.hc-csc-sel-gold{
  background:#ffffff !important;
  border:1px solid #cfdae8 !important;
  border-left:7px solid #122b49 !important;
  padding-left:18px !important;
  box-shadow:0 16px 38px rgba(18,35,59,.14) !important;
}

.hc-csc-sb-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  border-radius:50% !important;
  background:#edf3f9 !important;
  border:1px solid #dfe8f2 !important;
  color:#122b49 !important;
  font-size:0 !important;
  line-height:1 !important;
}

.hc-csc-sb-icon svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
  fill:currentColor !important;
}

.hc-csc-sel .hc-csc-sb-icon,
.hc-csc-sel-gold .hc-csc-sb-icon{
  background:#122b49 !important;
  color:#ffffff !important;
  border-color:#122b49 !important;
  box-shadow:0 0 0 7px rgba(18,43,73,.08) !important;
}

.hc-csc-sb-copy{display:block !important;min-width:0 !important}

.hc-csc-sb-name{
  display:block !important;
  color:#122b49 !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  margin:0 0 9px !important;
}

.hc-csc-sb-price{
  display:block !important;
  color:#51657c !important;
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  white-space:normal !important;
}

.hc-csc-prod-tag:empty{display:none !important}
.hc-csc-prod-header{padding-bottom:22px !important}

.hc-csc-main{background:#ffffff !important}

@media(max-width:880px){
  .hc-csc-wrap{grid-template-columns:1fr !important}
  .hc-csc-sidebar{padding:26px 22px !important}
  .hc-csc-sb-item{min-height:96px !important;margin:0 0 14px !important}
}


/* v0.10.2: final premium sidebar fix, neutral light background and robust line icons */
.hc-csc-wrap{
  grid-template-columns:minmax(320px,340px) minmax(0,1fr) !important;
  border:1px solid #dfe3ea !important;
  border-radius:6px !important;
  background:#ffffff !important;
  overflow:hidden !important;
}

.hc-csc-sidebar{
  background:#fbfaf7 !important;
  border-right:1px solid #dfe3ea !important;
  padding:30px 26px !important;
}

.hc-csc-sb-title{
  color:#738095 !important;
  font-size:13px !important;
  letter-spacing:.16em !important;
  font-weight:800 !important;
  margin:0 0 24px !important;
}

.hc-csc-sidebar .hc-csc-sb-item{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:18px !important;
  min-height:110px !important;
  width:100% !important;
  padding:24px 22px !important;
  margin:0 0 16px !important;
  background:#ffffff !important;
  border:1px solid #e3e7ee !important;
  border-left:1px solid #e3e7ee !important;
  border-radius:12px !important;
  box-shadow:0 8px 24px rgba(18,35,59,.045) !important;
  color:#122b49 !important;
  text-align:left !important;
  transform:none !important;
}

.hc-csc-sidebar .hc-csc-sb-item:hover{
  background:#ffffff !important;
  border-color:#d5dce7 !important;
  box-shadow:0 14px 34px rgba(18,35,59,.08) !important;
  transform:translateY(-1px) !important;
}

.hc-csc-sidebar .hc-csc-sel,
.hc-csc-sidebar .hc-csc-sel-gold{
  background:#ffffff !important;
  border:1px solid #cfd8e4 !important;
  border-left:7px solid #122b49 !important;
  padding-left:18px !important;
  box-shadow:0 16px 38px rgba(18,35,59,.14) !important;
}

.hc-csc-sidebar .hc-csc-sb-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  border-radius:50% !important;
  background:#eef1f5 !important;
  border:1px solid #dfe4ec !important;
  color:#122b49 !important;
  overflow:hidden !important;
  flex:0 0 44px !important;
  font-size:0 !important;
  line-height:0 !important;
}

.hc-csc-sidebar .hc-csc-sb-icon svg,
.hc-csc-sidebar .hc-csc-sb-icon svg *{
  width:22px !important;
  height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  color:inherit !important;
}

.hc-csc-sidebar .hc-csc-sel .hc-csc-sb-icon,
.hc-csc-sidebar .hc-csc-sel-gold .hc-csc-sb-icon{
  background:#122b49 !important;
  color:#ffffff !important;
  border-color:#122b49 !important;
  box-shadow:0 0 0 7px rgba(18,43,73,.08) !important;
}

.hc-csc-sidebar .hc-csc-sb-copy{
  display:block !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}

.hc-csc-sidebar .hc-csc-sb-name{
  display:block !important;
  color:#122b49 !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  margin:0 0 9px !important;
  order:1 !important;
}

.hc-csc-sidebar .hc-csc-sb-price{
  display:block !important;
  color:#51657c !important;
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  white-space:normal !important;
  margin:0 !important;
  order:2 !important;
}

.hc-csc-prod-tag:empty{display:none !important}
.hc-csc-prod-tag{display:none !important}
.hc-csc-prod-header{padding-bottom:22px !important}
.hc-csc-main{background:#ffffff !important}

@media(max-width:880px){
  .hc-csc-wrap{grid-template-columns:1fr !important}
  .hc-csc-sidebar{padding:26px 22px !important;background:#fbfaf7 !important}
  .hc-csc-sidebar .hc-csc-sb-item{min-height:96px !important;margin:0 0 14px !important}
}


/* v0.10.3: definitive sidebar/product card override
   Ziel: Referenzbild 2, aber ohne hellblauen Hintergrund. */
.hc-csc-wrap{
  grid-template-columns:300px minmax(0,1fr) !important;
  border:1px solid #dde2ea !important;
  border-radius:4px !important;
  overflow:hidden !important;
  background:#ffffff !important;
}

.hc-csc-sidebar,
#hc-csc-sidebar{
  background:#fbfaf7 !important;
  background-color:#fbfaf7 !important;
  border-right:1px solid #dde2ea !important;
  padding:28px 22px !important;
  min-width:0 !important;
}

.hc-csc-sb-title,
#hc-csc-sidebar .hc-csc-sb-title{
  display:block !important;
  margin:0 0 18px !important;
  color:#758294 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

#hc-csc-sidebar .hc-csc-sb-item,
.hc-csc-sidebar .hc-csc-sb-item{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:18px !important;
  width:100% !important;
  min-height:104px !important;
  padding:22px 20px !important;
  margin:0 0 14px !important;
  background:#ffffff !important;
  border:1px solid #e3e7ee !important;
  border-left:1px solid #e3e7ee !important;
  border-radius:12px !important;
  box-shadow:0 8px 24px rgba(18,35,59,.045) !important;
  color:#122b49 !important;
  text-align:left !important;
  cursor:pointer !important;
  overflow:hidden !important;
}

#hc-csc-sidebar .hc-csc-sb-item:hover,
.hc-csc-sidebar .hc-csc-sb-item:hover{
  background:#ffffff !important;
  border-color:#d4dbe6 !important;
  box-shadow:0 14px 34px rgba(18,35,59,.08) !important;
  transform:none !important;
}

#hc-csc-sidebar .hc-csc-sel,
#hc-csc-sidebar .hc-csc-sel-gold,
.hc-csc-sidebar .hc-csc-sel,
.hc-csc-sidebar .hc-csc-sel-gold{
  background:#ffffff !important;
  border:1px solid #cfd8e4 !important;
  border-left:7px solid #122b49 !important;
  padding-left:14px !important;
  box-shadow:0 16px 38px rgba(18,35,59,.14) !important;
}

#hc-csc-sidebar .hc-csc-sb-icon,
.hc-csc-sidebar .hc-csc-sb-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  flex:0 0 44px !important;
  border-radius:50% !important;
  background:#edf1f5 !important;
  border:1px solid #dfe4ec !important;
  color:#122b49 !important;
  font-size:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
}

#hc-csc-sidebar .hc-csc-sb-icon svg,
.hc-csc-sidebar .hc-csc-sb-icon svg{
  display:block !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
  color:#122b49 !important;
  stroke:currentColor !important;
  fill:none !important;
}

#hc-csc-sidebar .hc-csc-sb-icon svg *,
.hc-csc-sidebar .hc-csc-sb-icon svg *{
  stroke:currentColor !important;
  fill:none !important;
  vector-effect:non-scaling-stroke !important;
}

#hc-csc-sidebar .hc-csc-sel .hc-csc-sb-icon,
#hc-csc-sidebar .hc-csc-sel-gold .hc-csc-sb-icon,
.hc-csc-sidebar .hc-csc-sel .hc-csc-sb-icon,
.hc-csc-sidebar .hc-csc-sel-gold .hc-csc-sb-icon{
  background:#122b49 !important;
  color:#ffffff !important;
  border-color:#122b49 !important;
  box-shadow:0 0 0 7px rgba(18,43,73,.08) !important;
}

#hc-csc-sidebar .hc-csc-sel .hc-csc-sb-icon svg,
#hc-csc-sidebar .hc-csc-sel-gold .hc-csc-sb-icon svg,
.hc-csc-sidebar .hc-csc-sel .hc-csc-sb-icon svg,
.hc-csc-sidebar .hc-csc-sel-gold .hc-csc-sb-icon svg{
  color:#ffffff !important;
}

#hc-csc-sidebar .hc-csc-sb-copy,
.hc-csc-sidebar .hc-csc-sb-copy{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
}

#hc-csc-sidebar .hc-csc-sb-name,
.hc-csc-sidebar .hc-csc-sb-name{
  display:block !important;
  margin:0 0 8px !important;
  color:#122b49 !important;
  font-size:20px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
}

#hc-csc-sidebar .hc-csc-sb-price,
.hc-csc-sidebar .hc-csc-sb-price{
  display:block !important;
  margin:0 !important;
  color:#53657b !important;
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  white-space:normal !important;
}

#hc-csc-sidebar .hc-csc-sel-gold .hc-csc-sb-price,
.hc-csc-sidebar .hc-csc-sel-gold .hc-csc-sb-price{
  color:#53657b !important;
}

.hc-csc-prod-tag,
#hc-ptag{
  display:none !important;
}

@media(max-width:880px){
  .hc-csc-wrap{grid-template-columns:1fr !important}
  .hc-csc-sidebar,#hc-csc-sidebar{padding:22px !important;background:#fbfaf7 !important}
  #hc-csc-sidebar .hc-csc-sb-item,.hc-csc-sidebar .hc-csc-sb-item{min-height:94px !important;margin:0 0 12px !important}
  #hc-csc-sidebar .hc-csc-sb-name,.hc-csc-sidebar .hc-csc-sb-name{font-size:17px !important}
  #hc-csc-sidebar .hc-csc-sb-price,.hc-csc-sidebar .hc-csc-sb-price{font-size:14px !important}
}


/* v0.10.10: 149 EUR focus, dark blue sidebar, remove duplicated landingpage notes above shortcode */
.hc-csc-form-wrap > p{
  display:none !important;
}

.hc-csc-sidebar,
#hc-csc-sidebar{
  background:#213249 !important;
  background-color:#213249 !important;
  border-right:1px solid rgba(255,255,255,.14) !important;
}

.hc-csc-sb-title,
#hc-csc-sidebar .hc-csc-sb-title{
  color:rgba(255,255,255,.68) !important;
}

#hc-csc-sidebar .hc-csc-sb-item,
.hc-csc-sidebar .hc-csc-sb-item{
  background:#ffffff !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:0 10px 28px rgba(6,21,35,.20) !important;
}

#hc-csc-sidebar .hc-csc-sb-item:hover,
.hc-csc-sidebar .hc-csc-sb-item:hover{
  background:#ffffff !important;
  border-color:rgba(255,255,255,.42) !important;
  box-shadow:0 16px 36px rgba(6,21,35,.28) !important;
}

#hc-csc-sidebar .hc-csc-sel,
#hc-csc-sidebar .hc-csc-sel-gold,
.hc-csc-sidebar .hc-csc-sel,
.hc-csc-sidebar .hc-csc-sel-gold{
  background:#ffffff !important;
  border:1px solid rgba(255,255,255,.45) !important;
  border-left:7px solid #ffffff !important;
  padding-left:14px !important;
  box-shadow:0 18px 42px rgba(6,21,35,.34) !important;
}

#hc-csc-sidebar .hc-csc-sel .hc-csc-sb-icon,
#hc-csc-sidebar .hc-csc-sel-gold .hc-csc-sb-icon,
.hc-csc-sidebar .hc-csc-sel .hc-csc-sb-icon,
.hc-csc-sidebar .hc-csc-sel-gold .hc-csc-sb-icon{
  background:#213249 !important;
  border-color:#213249 !important;
  color:#ffffff !important;
  box-shadow:0 0 0 7px rgba(33,50,73,.10) !important;
}

@media(max-width:880px){
  .hc-csc-sidebar,
  #hc-csc-sidebar{
    background:#213249 !important;
    background-color:#213249 !important;
  }
}


/* v0.10.11 blue sidebar */
.hc-csc-sidebar{
  background:#213249 !important;
  border-right:1px solid rgba(255,255,255,.14) !important;
}
.hc-csc-sb-title{color:rgba(255,255,255,.65) !important;}
.hc-csc-sb-item{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.hc-csc-sb-price,
.hc-csc-sb-name,
.hc-csc-sb-vat{
  color:#ffffff !important;
}
.hc-csc-sel,
.hc-csc-sel-gold,
.hc-csc-sb-item:hover{
  background:#ffffff !important;
  border-left:4px solid #213249 !important;
}
.hc-csc-sel .hc-csc-sb-price,
.hc-csc-sel .hc-csc-sb-name,
.hc-csc-sel .hc-csc-sb-vat,
.hc-csc-sel-gold .hc-csc-sb-price,
.hc-csc-sel-gold .hc-csc-sb-name,
.hc-csc-sel-gold .hc-csc-sb-vat{
  color:#213249 !important;
}

/* ============================================================
   Ausfüll-Hilfe: leere Pflichtfelder leuchten dezent auf und
   werden nach Eingabe wieder ruhig (schwarz auf weiß).
   Klassen werden per JS gesetzt: .hc-attn (Textfelder),
   .hc-attn-chk (Checkbox-Zeilen).
   ============================================================ */
.hc-csc-form input.hc-attn[type=text],
.hc-csc-form input.hc-attn[type=email],
.hc-csc-form input.hc-attn[type=url],
.hc-csc-form textarea.hc-attn{
  border:1px solid #d99a2b;
  border-radius:8px;
  background:rgba(217,154,43,.06);
  padding:11px 12px;
  box-shadow:0 0 0 3px rgba(217,154,43,.14);
  animation:hc-attn-pulse 1.9s ease-in-out infinite;
}
.hc-csc-form textarea.hc-attn{padding:12px}
.hc-csc-form input.hc-attn::placeholder,
.hc-csc-form textarea.hc-attn::placeholder{color:#bd7c15;opacity:1}
.hc-csc-form input.hc-attn:focus,
.hc-csc-form textarea.hc-attn:focus{
  border-color:var(--csc-ink);
  background:#fff;
  color:var(--csc-ink);
  box-shadow:0 0 0 3px rgba(31,52,77,.12);
  animation:none;
}
@keyframes hc-attn-pulse{
  0%,100%{box-shadow:0 0 0 3px rgba(217,154,43,.14)}
  50%{box-shadow:0 0 0 4px rgba(217,154,43,.30)}
}

/* Pflicht-Checkboxen leuchten bis zum Anhaken */
.hc-csc-chk.hc-attn-chk{
  background:rgba(217,154,43,.07);
  border:1px solid rgba(217,154,43,.35);
  border-radius:8px;
  padding:9px 11px;
  margin-left:-11px;
  margin-right:-11px;
}
.hc-csc-chk.hc-attn-chk input[type=checkbox]{
  box-shadow:0 0 0 3px rgba(217,154,43,.32);
  border-radius:2px;
  animation:hc-attn-pulse 1.9s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce){
  .hc-csc-form input.hc-attn,
  .hc-csc-form textarea.hc-attn,
  .hc-csc-chk.hc-attn-chk input[type=checkbox]{animation:none}
}

/* Status des direkten PDF-Uploads */
.hc-csc-upload-status{font-size:13px;line-height:1.5;margin:6px 0 0;min-height:0;}
.hc-csc-upload-status.is-loading{color:#bd7c15;}
.hc-csc-upload-status.is-loading::before{content:"";display:inline-block;width:12px;height:12px;margin-right:7px;border:2px solid rgba(189,124,21,.35);border-top-color:#bd7c15;border-radius:50%;vertical-align:-2px;animation:hc-csc-spin .7s linear infinite;}
.hc-csc-upload-status.is-ok{color:#2e7d32;font-weight:600;}
.hc-csc-upload-status.is-error{color:#b3261e;font-weight:600;}
@keyframes hc-csc-spin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion: reduce){.hc-csc-upload-status.is-loading::before{animation:none;}}