.ksh-bk-shell{--bg:#f7f4ec;--panel:#ffffff;--ink:#16202a;--text:#283747;--muted:#667085;--line:#dbe5dc;--green:#164c3f;--mint:#46c08a;--lime:#c8f24a;--blue:#3478f6;--shadow:0 22px 55px rgba(18,50,42,.10);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);box-sizing:border-box}
.ksh-bk-shell *{box-sizing:border-box}.ksh-bk-app{background:linear-gradient(135deg,rgba(70,192,138,.14),rgba(52,120,246,.09) 38%,rgba(200,242,74,.16));border:1px solid var(--line);border-radius:22px;padding:clamp(18px,4vw,52px);margin:30px 0;position:relative;overflow:hidden}.ksh-bk-app:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.55);border-radius:18px;pointer-events:none}.ksh-bk-start,.ksh-bk-questionnaire,.ksh-bk-results,.ksh-bk-methodik{position:relative;z-index:1}.ksh-bk-start{max-width:920px}.ksh-bk-start-inner{background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:18px;padding:clamp(22px,4vw,46px)}
.ksh-bk-logo{width:58px;height:58px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px;margin-bottom:22px}.ksh-bk-kicker{margin:0 0 12px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:850;color:var(--green)}.ksh-bk-start h1,.ksh-bk-question-card h2,.ksh-bk-result-summary h2,.ksh-bk-detail h3,.ksh-bk-methodik h2{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);letter-spacing:-.055em}.ksh-bk-start h1{font-size:clamp(44px,7vw,82px);line-height:.95;margin:0 0 22px}.ksh-bk-lead{font-size:clamp(20px,2.2vw,25px);line-height:1.45;color:#24384b;margin:0 0 18px;max-width:850px}.ksh-bk-start p:not(.ksh-bk-kicker):not(.ksh-bk-lead){font-size:17px;line-height:1.72;margin:0 0 14px;color:#34465a;max-width:850px}.ksh-bk-start-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ksh-bk-button{appearance:none;border:1px solid transparent;border-radius:10px;padding:13px 17px;font-size:15px;font-weight:850;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.ksh-bk-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(18,50,42,.14)}.ksh-bk-button-primary{background:var(--green);color:#fff}.ksh-bk-button-secondary{background:#fff;color:var(--green);border-color:var(--line)}.ksh-bk-button-quiet{background:rgba(255,255,255,.55);color:var(--muted);border-color:var(--line)}
.ksh-bk-progress-wrap{position:sticky;top:12px;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.86);border-radius:14px;padding:13px;margin:0 auto 18px;max-width:980px;box-shadow:0 12px 34px rgba(18,50,42,.08)}.ksh-bk-progress-meta{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:9px}.ksh-bk-progress-meta strong{font-size:14px;color:var(--ink)}.ksh-bk-progress-meta span{font-size:13px;color:var(--muted)}.ksh-bk-progress-meta em{font-style:normal;font-weight:900;color:var(--green)}.ksh-bk-progress-bar{height:8px;background:#e5ece7;border-radius:999px;overflow:hidden}.ksh-bk-progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--lime));transition:width .18s ease}
.ksh-bk-questionnaire{max-width:980px;margin:0 auto}.ksh-bk-question-card{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.88);backdrop-filter:blur(18px);border-radius:18px;padding:clamp(24px,4vw,52px);box-shadow:var(--shadow);}.ksh-bk-question-meta{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px}.ksh-bk-question-card h2{font-size:clamp(30px,4.7vw,52px);line-height:1.08;margin:0 0 28px}.ksh-bk-answer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ksh-bk-choice{cursor:pointer}.ksh-bk-choice input{position:absolute;opacity:0;pointer-events:none}.ksh-bk-choice span{min-height:68px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px 12px;font-weight:850;color:var(--ink);transition:all .16s ease}.ksh-bk-choice:hover span{border-color:var(--mint);transform:translateY(-1px)}.ksh-bk-choice input:checked+span{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 12px 28px rgba(22,76,63,.18)}.ksh-bk-important{display:flex;gap:10px;align-items:center;margin-top:16px;background:#f2fbf6;border:1px dashed #a8d9be;border-radius:12px;padding:13px;font-weight:750;color:var(--green)}.ksh-bk-important input{accent-color:var(--green)}
.ksh-bk-nav,.ksh-bk-result-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:16px}.ksh-bk-results{max-width:1100px;margin:0 auto}.ksh-bk-result-summary,.ksh-bk-detail,.ksh-bk-result-card{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(18px);border-radius:16px;box-shadow:0 14px 36px rgba(18,50,42,.08)}.ksh-bk-result-summary{padding:24px;margin-bottom:14px;}.ksh-bk-result-summary h2{font-size:34px;margin:0 0 8px}.ksh-bk-result-summary p{color:var(--muted);line-height:1.55}.ksh-bk-summary-topline{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-top:14px}.ksh-bk-summary-percent{font-size:52px;font-weight:950;color:var(--green);line-height:1}.ksh-bk-result-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px}.ksh-bk-result-card{padding:18px;text-align:left;cursor:pointer;}.ksh-bk-result-head{display:flex;justify-content:space-between;gap:12px}.ksh-bk-result-name{font-weight:950;font-size:18px}.ksh-bk-result-affiliation,.ksh-bk-result-small{font-size:13px;color:var(--muted);display:block;margin-top:5px}.ksh-bk-result-percent{font-size:34px;font-weight:950;color:var(--green)}.ksh-bk-bar{display:block;height:9px;background:#e5ece7;border-radius:999px;overflow:hidden;margin-top:12px}.ksh-bk-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--lime))}.ksh-bk-result-metrics,.ksh-bk-answer-compare{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ksh-bk-result-metrics span,.ksh-bk-answer-compare span{background:#f4f8f5;border:1px solid var(--line);border-radius:9px;padding:5px 8px;font-size:12px;font-weight:850}.ksh-bk-detail{padding:22px;margin-top:14px}.ksh-bk-detail h3{font-size:28px;margin:0 0 8px}.ksh-bk-detail-intro{color:var(--muted)}.ksh-bk-detail-row{border-top:1px solid #e7eee9;padding:14px 0}.ksh-bk-detail-row:first-child{border-top:0}.ksh-bk-detail-row strong{display:block;color:var(--green);margin-bottom:6px}.ksh-bk-detail-row p{line-height:1.55}.ksh-bk-reason{color:var(--muted);font-size:14px}
.ksh-bk-methodik{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(20px,3vw,34px);margin:28px 0}.ksh-bk-methodik h2{font-size:34px;margin:0 0 12px}.ksh-bk-methodik h3{font-size:19px;margin:22px 0 8px}.ksh-bk-methodik p,.ksh-bk-methodik li{font-size:16px;line-height:1.65;color:#34465a}
@media(max-width:900px){.ksh-bk-answer-grid,.ksh-bk-result-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.ksh-bk-app{padding:14px;border-radius:16px}.ksh-bk-start-inner,.ksh-bk-question-card{padding:22px}.ksh-bk-answer-grid,.ksh-bk-result-list{grid-template-columns:1fr}.ksh-bk-question-meta,.ksh-bk-progress-meta{display:block}.ksh-bk-nav,.ksh-bk-result-actions{justify-content:stretch}.ksh-bk-button{width:100%}.ksh-bk-progress-wrap{position:static}.ksh-bk-start h1{font-size:40px}.ksh-bk-question-card h2{font-size:26px}}
@media print{body *{visibility:hidden!important}.ksh-bk-results,.ksh-bk-results *{visibility:visible!important}.ksh-bk-results{position:absolute;left:0;top:0;width:100%;background:#fff}.ksh-bk-result-actions{display:none!important}.ksh-bk-detail-row{break-inside:avoid}}


/* v0.7.5 Frontend-Feinschliff */
.ksh-bk-question-card,
.ksh-bk-result-card,
.ksh-bk-result-summary,
.ksh-bk-detail{
  border-top:0!important;
  border-left:0!important;
}
.ksh-bk-start h1,
.ksh-bk-question-card h2,
.ksh-bk-result-summary h2,
.ksh-bk-detail h3,
.ksh-bk-methodik h2{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif!important;
  font-weight: 850!important;
  letter-spacing: -0.035em!important;
}
.ksh-bk-question-card h2{
  font-size: clamp(28px,4.1vw,46px)!important;
}
.ksh-bk-result-card{
  color: var(--ink)!important;
}
.ksh-bk-result-card:hover,
.ksh-bk-result-card.is-active{
  background: #ffffff!important;
  color: var(--ink)!important;
  border-color: #bcd7c8!important;
  box-shadow: 0 14px 34px rgba(18,50,42,.12)!important;
}
.ksh-bk-result-card:hover *,
.ksh-bk-result-card.is-active *{
  color: inherit;
}
.ksh-bk-result-card:hover .ksh-bk-result-percent,
.ksh-bk-result-card.is-active .ksh-bk-result-percent{
  color: var(--green)!important;
}
.ksh-bk-result-card:hover .ksh-bk-result-affiliation,
.ksh-bk-result-card.is-active .ksh-bk-result-affiliation,
.ksh-bk-result-card:hover .ksh-bk-result-small,
.ksh-bk-result-card.is-active .ksh-bk-result-small{
  color: var(--muted)!important;
}
.ksh-bk-important{display:none!important;}


/* v0.7.6: ruhigere Typografie und Methodik-Impressum */
.ksh-bk-question-card h2{
  font-size: clamp(24px,3.2vw,38px)!important;
  line-height: 1.18!important;
  font-weight: 680!important;
  letter-spacing: -0.025em!important;
  max-width: 980px!important;
}
.ksh-bk-start h1{
  font-weight: 760!important;
}
.ksh-bk-result-summary h2,
.ksh-bk-detail h3,
.ksh-bk-methodik h2{
  font-weight: 720!important;
}
.ksh-bk-kicker,
.ksh-bk-question-meta{
  font-weight: 760!important;
}
.ksh-bk-imprint{
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 14px;
}
.ksh-bk-imprint h3{
  margin-top: 0!important;
}
.ksh-bk-imprint p{
  font-size: 14px!important;
  line-height: 1.6!important;
  color: var(--muted)!important;
}
.ksh-bk-imprint a{
  color: var(--green);
  text-decoration: underline;
  text-underline-offset: 2px;
}


/* v0.7.8: Rathaus-Skizze nur in der äußeren Startbox, ohne Layoutgrößen zu verändern */
.ksh-bk-app .ksh-bk-rathaus-bg{
  position:absolute;
  right:clamp(20px,4vw,58px);
  top:clamp(32px,6vw,82px);
  bottom:clamp(28px,6vw,74px);
  width:min(42%, 470px);
  background-image:url('../img/bensheim-rathaus-sketch-own-20260624.png');
  background-repeat:no-repeat;
  background-position:right center;
  background-size:contain;
  opacity:.28;
  filter:grayscale(1) contrast(1.04);
  pointer-events:none;
  z-index:0;
}
.ksh-bk-start,
.ksh-bk-progress-wrap,
.ksh-bk-questionnaire,
.ksh-bk-results,
.ksh-bk-methodik{
  position:relative;
  z-index:1;
}
@media(max-width:900px){
  .ksh-bk-app .ksh-bk-rathaus-bg{
    display:none;
  }
}


/* v0.7.9 equal-height question cards, icons, methodik modal */
.ksh-bk-question-card{
  min-height: 520px;
  display:flex;
  flex-direction:column;
}
.ksh-bk-question-card h2{
  max-width: 100%;
}
.ksh-bk-answer-grid{
  margin-top:auto;
  padding-top:20px;
}
.ksh-bk-choice span{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 16px;
}
.ksh-bk-choice span i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:999px;
  font-style:normal;
  font-size:14px;
  font-weight:800;
  background:rgba(255,255,255,.75);
  color:inherit;
  flex:0 0 24px;
}
.ksh-bk-choice span strong{font-weight:800;}
.ksh-bk-choice-agree span{background:#edf8f2;border-color:#cde6d7;}
.ksh-bk-choice-neutral span{background:#f1f5fb;border-color:#d8e0ee;}
.ksh-bk-choice-disagree span{background:#fdf1f2;border-color:#eed6da;}
.ksh-bk-choice-skip span{background:#f8f4ea;border-color:#e7dcc0;}
.ksh-bk-choice-agree:hover span{border-color:#7ec5a2;background:#f4fbf7;}
.ksh-bk-choice-neutral:hover span{border-color:#9fb2da;background:#f7f9fd;}
.ksh-bk-choice-disagree:hover span{border-color:#d79ca7;background:#fff7f8;}
.ksh-bk-choice-skip:hover span{border-color:#d8cbab;background:#fbf8f2;}
.ksh-bk-choice-agree input:checked+span{background:#22775f;border-color:#22775f;color:#fff;box-shadow:0 10px 24px rgba(34,119,95,.18);}
.ksh-bk-choice-neutral input:checked+span{background:#677ca5;border-color:#677ca5;color:#fff;box-shadow:0 10px 24px rgba(103,124,165,.18);}
.ksh-bk-choice-disagree input:checked+span{background:#bf6f79;border-color:#bf6f79;color:#fff;box-shadow:0 10px 24px rgba(191,111,121,.18);}
.ksh-bk-choice-skip input:checked+span{background:#e8e0ce;border-color:#d6c69a;color:#2f3e38;box-shadow:none;}
.ksh-bk-choice input:checked+span i{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);}
.ksh-bk-choice-skip input:checked+span i{background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.06);}

.ksh-bk-modal[hidden]{display:none!important;}
.ksh-bk-modal{position:fixed;inset:0;z-index:999999;}
.ksh-bk-modal-backdrop{position:absolute;inset:0;background:rgba(18,32,42,.52);backdrop-filter:blur(3px);}
.ksh-bk-modal-dialog{position:relative;max-width:900px;margin:min(6vh,44px) auto;max-height:88vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 80px rgba(18,32,42,.22);}
.ksh-bk-modal-content{padding:clamp(22px,3vw,34px);} 
.ksh-bk-modal-close{position:sticky;top:10px;float:right;margin:10px 10px 0 0;width:40px;height:40px;border:none;border-radius:999px;background:#f2f4f7;color:#273546;font-size:28px;line-height:1;cursor:pointer;z-index:1}
.ksh-bk-modal-content .ksh-bk-imprint{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);}
body.ksh-bk-modal-open{overflow:hidden;}
@media(max-width:680px){
  .ksh-bk-question-card{min-height:480px;}
  .ksh-bk-choice span{justify-content:flex-start;min-height:64px;}
  .ksh-bk-modal-dialog{margin:10px;max-height:calc(100vh - 20px);}
}


/* v0.8.0: Wichtig: hidden muss stärker sein als die flex-Regel der Thesenbox */
.ksh-bk-question-card[hidden],
.ksh-bk-progress-wrap[hidden],
.ksh-bk-questionnaire[hidden],
.ksh-bk-results[hidden],
.ksh-bk-modal[hidden]{
  display:none!important;
}


/* v0.8.1: Rathausmotiv etwas kleiner und weiter nach rechts */
.ksh-bk-app .ksh-bk-rathaus-bg{
  right: clamp(-6px, 1.4vw, 18px) !important;
  width: min(36%, 390px) !important;
  background-position: right center !important;
  opacity: .26 !important;
}


/* v0.8.2 Kandidierenden-Pop-up */
.ksh-bk-candidates-dialog{
  max-width: 960px;
}
.ksh-bk-profile-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.ksh-bk-profile-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px;
}
.ksh-bk-profile-date{
  margin:0 0 8px!important;
  color:var(--green)!important;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px!important;
  font-weight:800;
}
.ksh-bk-profile-card h3{
  margin:0 0 10px!important;
  font-size:22px!important;
  color:var(--ink)!important;
  font-weight:760!important;
}
.ksh-bk-profile-card p{
  margin:0!important;
  font-size:15px!important;
  line-height:1.6!important;
  color:#34465a!important;
}
.ksh-bk-profile-source-note{
  margin-top:18px;
  padding:14px 16px;
  background:#f6f9f7;
  border:1px solid var(--line);
  border-radius:12px;
}
.ksh-bk-profile-source-note p{
  margin:0!important;
  font-size:14px!important;
  line-height:1.55!important;
  color:var(--muted)!important;
}
@media(max-width:760px){
  .ksh-bk-profile-list{
    grid-template-columns:1fr;
  }
}


/* v0.8.7: kompakte Ergebnis-Druckansicht */
.ksh-bk-print-header,
.ksh-bk-print-footer{display:none;}

@media print{
  @page{size:A4 portrait;margin:9mm 9mm 11mm 9mm;}
  html,body{background:#fff!important;}
  body *{visibility:hidden!important;}
  .ksh-bk-results,.ksh-bk-results *{visibility:visible!important;}
  .ksh-bk-results{position:absolute!important;inset:0 auto auto 0!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important;color:#111827!important;font-family:Arial,Helvetica,sans-serif!important;font-size:8.5pt!important;line-height:1.22!important;}
  .ksh-bk-print-header{display:flex!important;align-items:center!important;gap:7px!important;padding:0 0 4mm 0!important;margin:0 0 4mm 0!important;border-bottom:1px solid #d7dce2!important;}
  .ksh-bk-print-header img{width:14mm!important;height:14mm!important;object-fit:contain!important;}
  .ksh-bk-print-header strong{display:block!important;font-size:13pt!important;line-height:1.1!important;color:#111827!important;font-weight:700!important;}
  .ksh-bk-print-header span{display:block!important;font-size:7.5pt!important;color:#4b5563!important;margin-top:1mm!important;}
  .ksh-bk-result-summary,.ksh-bk-detail,.ksh-bk-result-card{box-shadow:none!important;border:1px solid #d7dce2!important;border-radius:4px!important;background:#fff!important;backdrop-filter:none!important;}
  .ksh-bk-result-summary{padding:4mm!important;margin:0 0 3mm 0!important;}
  .ksh-bk-result-summary h2{font-size:13pt!important;line-height:1.1!important;margin:0 0 1.5mm 0!important;font-weight:700!important;letter-spacing:0!important;}
  .ksh-bk-result-summary p{font-size:7.5pt!important;line-height:1.2!important;margin:0!important;color:#4b5563!important;}
  .ksh-bk-summary-topline{margin-top:2mm!important;gap:3mm!important;align-items:flex-end!important;}
  .ksh-bk-summary-percent{font-size:20pt!important;line-height:1!important;color:#164c3f!important;}
  .ksh-bk-result-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:2.5mm!important;margin:0 0 3mm 0!important;}
  .ksh-bk-result-card{padding:2.5mm!important;page-break-inside:avoid!important;break-inside:avoid!important;}
  .ksh-bk-result-head{display:flex!important;justify-content:space-between!important;gap:2mm!important;}
  .ksh-bk-result-name{font-size:8.5pt!important;font-weight:700!important;color:#111827!important;line-height:1.1!important;}
  .ksh-bk-result-affiliation,.ksh-bk-result-small{font-size:6.6pt!important;line-height:1.15!important;color:#4b5563!important;margin-top:.7mm!important;}
  .ksh-bk-result-percent{font-size:14pt!important;font-weight:700!important;color:#164c3f!important;}
  .ksh-bk-bar{height:2mm!important;margin-top:1.5mm!important;background:#edf1ee!important;}
  .ksh-bk-result-metrics{gap:1mm!important;margin-top:1.5mm!important;}
  .ksh-bk-result-metrics span,.ksh-bk-answer-compare span{font-size:6pt!important;padding:.8mm 1.2mm!important;border-radius:3px!important;background:#f4f6f5!important;border:1px solid #d7dce2!important;color:#111827!important;}
  .ksh-bk-detail{padding:3mm!important;margin:0 0 3mm 0!important;}
  .ksh-bk-detail h3{font-size:11pt!important;line-height:1.12!important;margin:0 0 1.5mm 0!important;font-weight:700!important;letter-spacing:0!important;color:#111827!important;}
  .ksh-bk-detail-intro{font-size:7.4pt!important;margin:0 0 1.5mm 0!important;color:#4b5563!important;}
  .ksh-bk-detail-row{padding:1.4mm 0!important;border-top:1px solid #e5e7eb!important;page-break-inside:avoid!important;break-inside:avoid!important;}
  .ksh-bk-detail-row strong{font-size:7.4pt!important;margin:0 0 .8mm 0!important;color:#164c3f!important;}
  .ksh-bk-detail-row p{font-size:6.8pt!important;line-height:1.18!important;margin:0 0 .7mm 0!important;color:#111827!important;}
  .ksh-bk-answer-compare{gap:1mm!important;margin-top:.7mm!important;}
  .ksh-bk-reason{font-size:6.4pt!important;line-height:1.16!important;color:#4b5563!important;margin-top:.7mm!important;}
  .ksh-bk-result-actions{display:none!important;}
  .ksh-bk-print-footer{display:flex!important;justify-content:space-between!important;gap:4mm!important;border-top:1px solid #d7dce2!important;padding-top:2mm!important;margin-top:3mm!important;font-size:6.4pt!important;line-height:1.15!important;color:#4b5563!important;}
  .ksh-bk-print-footer span{display:block!important;}
  .ksh-bk-demo-badge{display:none!important;}
}


/* v0.8.9: Druckfix gegen leeres Header-Blatt */
@media print{
  .ksh-bk-results{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    min-height:0!important;
    page-break-before:auto!important;
    break-before:auto!important;
    page-break-after:auto!important;
    break-after:auto!important;
  }
  .ksh-bk-print-header{
    page-break-after:avoid!important;
    break-after:avoid!important;
    margin-top:0!important;
  }
  .ksh-bk-result-summary{
    page-break-before:avoid!important;
    break-before:avoid!important;
  }
  .ksh-bk-app,
  .ksh-bk-shell{
    box-shadow:none!important;
    border:0!important;
    background:#fff!important;
    padding:0!important;
    margin:0!important;
    min-height:0!important;
  }
}


/* v1.0.0 Kandidierenden-Pop-up: Hintergrundantworten */
.ksh-bk-profile-background{
  margin-top:14px;
  border-top:1px solid var(--line);
  padding-top:12px;
}
.ksh-bk-profile-background summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fbf9;
  color:var(--green);
  font-size:14px;
  font-weight:850;
}
.ksh-bk-profile-background summary::-webkit-details-marker{
  display:none;
}
.ksh-bk-profile-background summary:after{
  content:"+";
  font-size:18px;
  line-height:1;
  font-weight:850;
}
.ksh-bk-profile-background[open] summary:after{
  content:"–";
}
.ksh-bk-background-list{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.ksh-bk-background-item{
  padding:11px 12px;
  border:1px solid #e2ebe5;
  border-radius:10px;
  background:#fff;
}
.ksh-bk-background-item strong{
  display:block;
  margin:0 0 6px;
  color:var(--ink);
  font-size:14px;
  line-height:1.3;
}
.ksh-bk-profile-card .ksh-bk-background-item p{
  margin:0!important;
  color:#53667b!important;
  font-size:15px!important;
  line-height:1.55!important;
}


/* v1.0.1 Frontend-UX-Fixes */
.ksh-bk-finish-hint{
  margin:18px 0 12px;
  padding:16px 18px;
  border:1px solid rgba(22,76,63,.18);
  border-radius:14px;
  background:rgba(255,255,255,.82);
  box-shadow:0 14px 34px rgba(18,50,42,.08);
}
.ksh-bk-finish-hint strong{
  display:block;
  color:var(--green);
  font-size:18px;
  margin:0 0 4px;
}
.ksh-bk-finish-hint span{
  display:block;
  color:#34465a;
  font-size:15px;
  line-height:1.45;
}
.ksh-bk-button-final{
  font-size:16px;
  padding:15px 22px;
  box-shadow:0 14px 32px rgba(22,76,63,.18);
}
.ksh-bk-result-help{
  margin:12px 0 18px;
  padding:14px 16px;
  border:1px solid rgba(22,76,63,.16);
  border-radius:14px;
  background:#f8fbf9;
  color:#34465a;
}
.ksh-bk-result-help strong{
  color:var(--green);
  margin-right:4px;
}
.ksh-bk-result-open{
  display:inline-flex;
  margin-top:12px;
  font-size:13px;
  font-weight:850;
  color:var(--green);
  text-decoration:underline;
  text-underline-offset:3px;
}
.ksh-bk-result-card:hover .ksh-bk-result-open,
.ksh-bk-result-card.is-active .ksh-bk-result-open{
  color:#0f3d33;
}


/* v1.0.2 Impressum-/Datenschutz-Pop-up */
.ksh-bk-modal-content h3{
  margin-top:22px;
}


/* v1.0.4 Startbuttons immer in einer Reihe */
.ksh-bk-start-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  max-width:100%!important;
}
.ksh-bk-start-actions .ksh-bk-button{
  width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
  padding:13px 10px!important;
  font-size:clamp(11px,1vw,14px)!important;
  line-height:1.15!important;
  text-align:center!important;
}
@media(max-width:720px){
  .ksh-bk-start-actions{
    gap:7px!important;
  }
  .ksh-bk-start-actions .ksh-bk-button{
    padding:11px 5px!important;
    font-size:9.5px!important;
    letter-spacing:-.02em!important;
  }
}


/* v1.0.5 Startbuttons ohne Überlappung */
.ksh-bk-start-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  align-items:center!important;
}
.ksh-bk-start-actions .ksh-bk-button{
  flex:1 1 0!important;
  min-width:0!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  justify-content:center!important;
  padding:13px 12px!important;
  font-size:14px!important;
}
@media(max-width:720px){
  .ksh-bk-start-actions{
    gap:6px!important;
  }
  .ksh-bk-start-actions .ksh-bk-button{
    padding:11px 6px!important;
    font-size:11px!important;
  }
}


/* v1.0.6 Impressum-/Datenschutz-Links */
.ksh-bk-inline-link{
  display:inline-flex;
  align-items:center;
  font-weight:850;
  color:var(--green);
  text-decoration:underline;
  text-underline-offset:3px;
}
.ksh-bk-inline-link:hover{
  color:#0f3d33;
}


/* v1.2.12 Ergebnis-Karten ruhiger und seriöser */
.ksh-bk-result-card{
  padding:16px 16px 18px!important;
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.ksh-bk-result-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.ksh-bk-result-head > div:first-child{
  min-width:0;
  flex:1 1 auto;
}
.ksh-bk-result-name{
  font-size:15px!important;
  line-height:1.14!important;
  letter-spacing:-0.01em!important;
  font-weight:900!important;
  word-break:break-word;
}
.ksh-bk-result-affiliation,
.ksh-bk-result-small{
  font-size:12px!important;
  line-height:1.45!important;
  margin-top:7px!important;
}
.ksh-bk-demo-badge{
  display:inline-block;
  margin-top:7px;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--muted);
}
.ksh-bk-result-percent{
  flex:0 0 66px;
  width:66px;
  height:66px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#f5f8f6;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:24px!important;
  line-height:1!important;
  letter-spacing:-0.03em;
  font-weight:950!important;
  color:var(--green)!important;
}
.ksh-bk-bar{
  margin-top:14px!important;
}
.ksh-bk-result-metrics{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
  margin-top:12px!important;
}
.ksh-bk-result-metrics span{
  background:none!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:var(--muted)!important;
}
.ksh-bk-result-open{
  margin-top:12px!important;
  font-size:12px!important;
  line-height:1.35!important;
}
@media (max-width:900px){
  .ksh-bk-result-percent{
    width:60px;
    height:60px;
    flex-basis:60px;
    font-size:22px!important;
  }
}


/* v1.2.13 Ergebnis-Karten bei sechs Kandidierenden untereinander */
.ksh-bk-result-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}
.ksh-bk-result-card{
  width:100%!important;
}
@media(min-width:901px){
  .ksh-bk-result-card{
    display:grid!important;
    grid-template-columns:minmax(220px,1fr) minmax(120px,160px) minmax(180px,240px) auto!important;
    align-items:center!important;
    column-gap:18px!important;
    padding:16px 18px!important;
  }
  .ksh-bk-result-head{display:contents!important;}
  .ksh-bk-result-head > div:first-child{min-width:0!important;}
  .ksh-bk-result-percent{justify-self:center!important;}
  .ksh-bk-bar{margin-top:0!important;width:100%!important;}
  .ksh-bk-result-metrics{margin-top:0!important;}
  .ksh-bk-result-open{margin-top:0!important;justify-self:end!important;white-space:nowrap!important;}
}

/* v1.2.14 Detailvergleich direkt in Ergebnis-Karten */
.ksh-bk-result-card{
  cursor:default!important;
}
.ksh-bk-result-spoiler{
  margin-top:14px!important;
  border-top:1px solid var(--line)!important;
  padding-top:10px!important;
}
.ksh-bk-result-spoiler summary{
  cursor:pointer!important;
  list-style:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
}
.ksh-bk-result-spoiler summary::-webkit-details-marker{
  display:none!important;
}
.ksh-bk-result-spoiler summary::after{
  content:"▾";
  font-size:12px;
  transform:translateY(1px);
}
.ksh-bk-result-spoiler[open] summary::after{
  content:"▴";
}
.ksh-bk-card-detail{
  margin-top:14px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fbfdfb;
}
.ksh-bk-card-detail .ksh-bk-detail-row{
  padding:12px 0;
}
.ksh-bk-card-detail h3{
  font-size:20px!important;
  margin:0 0 6px!important;
}
.ksh-bk-card-detail .ksh-bk-detail-intro{
  font-size:13px;
  margin:0 0 8px;
}
.ksh-bk-detail[data-ksh-bk-detail]{
  display:none!important;
}
@media(min-width:901px){
  .ksh-bk-result-card{
    grid-template-columns:minmax(220px,1fr) minmax(120px,160px) minmax(180px,240px) minmax(170px,220px)!important;
  }
  .ksh-bk-result-spoiler{
    margin-top:0!important;
    border-top:0!important;
    padding-top:0!important;
    justify-self:end!important;
    width:100%!important;
    text-align:right!important;
  }
  .ksh-bk-result-spoiler[open]{
    grid-column:1 / -1!important;
    justify-self:stretch!important;
    width:100%!important;
    text-align:left!important;
    margin-top:14px!important;
    border-top:1px solid var(--line)!important;
    padding-top:12px!important;
  }
}

/* v1.2.15 Transparente Berechnung im Detailvergleich */
.ksh-bk-score-explain{
  margin:8px 0 14px!important;
  padding:10px 12px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:#f5f8f6!important;
  color:#34465a!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.ksh-bk-score-explain strong{
  color:var(--green)!important;
}

/* v1.2.19 stabile Zusatznavigation und Kandidaten-Druckbutton */
.ksh-bk-result-actions-top{
  margin:0 0 14px!important;
  justify-content:flex-end!important;
}
.ksh-bk-print-candidate{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--green);
  padding:8px 12px;
  font-size:12px;
  line-height:1.2;
  font-weight:850;
  text-transform:uppercase;
  cursor:pointer;
}
.ksh-bk-print-candidate:hover{
  border-color:#bcd7c8;
  box-shadow:0 8px 18px rgba(18,50,42,.08);
}
@media(max-width:680px){
  .ksh-bk-result-actions-top{
    justify-content:stretch!important;
  }
}
@media print{
  .ksh-bk-print-candidate,
  .ksh-bk-result-actions,
  .ksh-bk-result-help{
    display:none!important;
  }
}

/* v1.2.20 Ergebnisboxen: Detail links, Aktionen rechts, Berechnung als Popup */
.ksh-bk-result-card{display:block!important;padding:18px!important;cursor:default!important}
.ksh-bk-result-topline{display:grid;grid-template-columns:minmax(210px,1.15fr) 82px minmax(190px,1fr) minmax(170px,.72fr);align-items:center;gap:20px;width:100%}
.ksh-bk-result-person{min-width:0;align-self:start}
.ksh-bk-result-name{font-size:17px!important;line-height:1.18!important;margin:0 0 6px!important}
.ksh-bk-result-affiliation{display:block!important;font-size:13px!important;line-height:1.35!important}
.ksh-bk-demo-badge{display:block!important;margin-top:7px!important}
.ksh-bk-result-percent{justify-self:center!important}
.ksh-bk-bar{width:100%!important;margin:0!important}
.ksh-bk-result-side{justify-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.ksh-bk-result-metrics{margin:0!important;display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
.ksh-bk-result-spoiler{margin-top:12px!important;width:100%!important}
.ksh-bk-result-spoiler summary{cursor:pointer!important}
.ksh-bk-card-detail{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin-top:12px!important}
.ksh-bk-print-candidate,.ksh-bk-score-button,.ksh-bk-background-button{appearance:none;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--green);padding:8px 12px;font-size:12px;line-height:1.2;font-weight:850;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.ksh-bk-score-button{color:#53667b}
.ksh-bk-print-candidate:hover,.ksh-bk-score-button:hover,.ksh-bk-background-button:hover{border-color:#bcd7c8;box-shadow:0 8px 18px rgba(18,50,42,.08)}
.ksh-bk-score-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(14,28,24,.45)}
.ksh-bk-score-modal[hidden]{display:none!important}
.ksh-bk-score-modal-panel{position:relative;width:min(560px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:22px;border:1px solid var(--line);box-shadow:0 28px 80px rgba(15,32,25,.24);padding:24px}
.ksh-bk-score-modal-close{position:absolute;top:10px;right:12px;border:0;background:transparent;color:#53667b;font-size:26px;line-height:1;cursor:pointer}
.ksh-bk-calc-box h3{margin:0 0 10px!important;color:var(--green)!important;font-size:24px!important}
.ksh-bk-calc-box p{margin:0 0 12px!important;font-size:15px!important;line-height:1.55!important}
.ksh-bk-calc-note{color:#53667b;font-size:13px!important}
@media(max-width:980px){.ksh-bk-result-topline{grid-template-columns:1fr 74px;align-items:start;gap:14px}.ksh-bk-bar,.ksh-bk-result-side{grid-column:1 / -1}.ksh-bk-result-side{justify-self:start}}
@media(max-width:680px){.ksh-bk-result-actions-top{justify-content:stretch!important}}
@media print{.ksh-bk-score-button,.ksh-bk-print-candidate,.ksh-bk-background-button,.ksh-bk-score-modal{display:none!important}}

/* v1.2.21 Detailvergleich volle Kartenbreite */
.ksh-bk-result-card > .ksh-bk-result-spoiler{
  display:block!important;
  width:100%!important;
  margin-top:12px!important;
  padding-top:0!important;
  border-top:0!important;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler[open]{
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid var(--line)!important;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler > summary{
  width:max-content!important;
  max-width:100%!important;
  cursor:pointer!important;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler .ksh-bk-card-detail{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin-top:14px!important;
}

/* v1.2.22 Ergebnisboxen als kompakte Infokarten */
.ksh-bk-result-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}
.ksh-bk-result-card{
  display:block!important;
  padding:16px 18px!important;
  border:1px solid rgba(24,75,60,.10)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 8px 22px rgba(18,50,42,.045)!important;
  cursor:default!important;
}
.ksh-bk-result-topline{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(320px,1.2fr) minmax(230px,.9fr)!important;
  align-items:center!important;
  gap:22px!important;
  width:100%!important;
}
.ksh-bk-result-person{
  min-width:0!important;
}
.ksh-bk-result-name{
  margin:0 0 5px!important;
  color:#172334!important;
  font-size:17px!important;
  line-height:1.18!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
}
.ksh-bk-result-affiliation{
  display:block!important;
  color:#5f6f86!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:500!important;
  text-transform:none!important;
}
.ksh-bk-demo-badge{
  display:inline-flex!important;
  margin-top:8px!important;
  padding:3px 8px!important;
  border:1px solid #d8e1db!important;
  border-radius:999px!important;
  background:#f7faf8!important;
  color:#53667b!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.ksh-bk-result-score{
  display:grid!important;
  grid-template-columns:72px minmax(160px,1fr)!important;
  align-items:center!important;
  gap:18px!important;
}
.ksh-bk-result-percent{
  width:66px!important;
  height:66px!important;
  min-width:66px!important;
  border-radius:999px!important;
  border:1px solid #d8e1db!important;
  background:#f6faf7!important;
  color:var(--green)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)!important;
}
.ksh-bk-bar{
  width:100%!important;
  height:9px!important;
  margin:0!important;
  border-radius:999px!important;
  background:#e5eee9!important;
  overflow:hidden!important;
}
.ksh-bk-bar span{
  height:100%!important;
  border-radius:999px!important;
}
.ksh-bk-result-side{
  justify-self:end!important;
  display:grid!important;
  grid-template-columns:auto auto!important;
  align-items:center!important;
  gap:16px!important;
}
.ksh-bk-result-metrics{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:3px!important;
  margin:0!important;
  color:#53667b!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:650!important;
  text-transform:none!important;
}
.ksh-bk-result-metrics span{
  background:none!important;
  border:0!important;
  padding:0!important;
  color:#53667b!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
.ksh-bk-result-metrics strong{
  display:inline-block!important;
  min-width:20px!important;
  color:#172334!important;
  font-weight:850!important;
}
.ksh-bk-result-actions-inline{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.ksh-bk-print-candidate,
.ksh-bk-score-button,
.ksh-bk-result-card > .ksh-bk-result-spoiler > summary{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 13px!important;
  border:1px solid #d8e1db!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--green)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-transform:none!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.ksh-bk-score-button{
  color:#53667b!important;
}
.ksh-bk-print-candidate:hover,
.ksh-bk-score-button:hover,
.ksh-bk-result-card > .ksh-bk-result-spoiler > summary:hover{
  border-color:#bcd7c8!important;
  box-shadow:0 6px 16px rgba(18,50,42,.07)!important;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler{
  display:block!important;
  width:100%!important;
  margin-top:12px!important;
  padding-top:0!important;
  border-top:0!important;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler[open]{
  margin-top:14px!important;
  padding-top:14px!important;
  border-top:1px solid #d8e1db!important;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler > summary{
  width:max-content!important;
  max-width:100%!important;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler > summary::after{
  content:"▾";
  margin-left:8px;
  font-size:10px;
  color:#53667b;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler[open] > summary::after{
  content:"▴";
}
.ksh-bk-result-card > .ksh-bk-result-spoiler .ksh-bk-card-detail{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin-top:14px!important;
}
@media(max-width:980px){
  .ksh-bk-result-topline{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .ksh-bk-result-score{
    grid-template-columns:66px 1fr!important;
  }
  .ksh-bk-result-side{
    justify-self:stretch!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .ksh-bk-result-actions-inline{
    flex-direction:row!important;
    flex-wrap:wrap!important;
  }
}
@media(max-width:520px){
  .ksh-bk-result-card{
    padding:15px!important;
  }
  .ksh-bk-result-actions-inline{
    flex-direction:column!important;
  }
  .ksh-bk-print-candidate,
  .ksh-bk-score-button,
  .ksh-bk-result-card > .ksh-bk-result-spoiler > summary{
    width:100%!important;
  }
}

/* v1.2.23 Trefferzahlen links und Detailbutton positionsstabil */
.ksh-bk-result-person .ksh-bk-result-metrics{
  margin-top:10px!important;
  display:grid!important;
  grid-template-columns:repeat(3,max-content)!important;
  gap:8px 12px!important;
  align-items:center!important;
  color:#53667b!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
.ksh-bk-result-person .ksh-bk-result-metrics span{
  background:none!important;
  border:0!important;
  padding:0!important;
  color:#53667b!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
.ksh-bk-result-person .ksh-bk-result-metrics strong{
  color:#172334!important;
  font-weight:850!important;
}
.ksh-bk-result-side{
  justify-self:end!important;
}
.ksh-bk-result-side .ksh-bk-result-metrics{
  display:none!important;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler{
  margin-top:12px!important;
  padding-top:0!important;
  border-top:0!important;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler[open]{
  margin-top:12px!important;
  padding-top:0!important;
  border-top:0!important;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler > summary{
  margin:0!important;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler .ksh-bk-card-detail{
  margin-top:14px!important;
  border-top:1px solid #d8e1db!important;
  padding-top:14px!important;
}
@media(max-width:980px){
  .ksh-bk-result-person .ksh-bk-result-metrics{
    grid-template-columns:repeat(3,max-content)!important;
  }
}
@media(max-width:520px){
  .ksh-bk-result-person .ksh-bk-result-metrics{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
}

/* v1.2.24 Kompaktere Ergebnis-Infokarten und klarerer Detailvergleich */
.ksh-bk-result-card{
  padding:14px 16px!important;
  border-radius:14px!important;
  border:1px solid rgba(24,75,60,.12)!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(18,50,42,.04)!important;
}
.ksh-bk-result-topline{
  grid-template-columns:minmax(220px,1.05fr) minmax(300px,1.25fr) minmax(170px,.68fr)!important;
  gap:18px!important;
  align-items:center!important;
}
.ksh-bk-result-name{
  color:#1f2937!important;
  font-size:17px!important;
  line-height:1.16!important;
  font-weight:800!important;
}
.ksh-bk-result-affiliation{
  color:#53667b!important;
  font-size:13px!important;
  font-weight:500!important;
}
.ksh-bk-demo-badge{
  border-radius:8px!important;
  padding:3px 7px!important;
  background:#f4f8f5!important;
  color:#53667b!important;
}
.ksh-bk-result-person .ksh-bk-result-metrics{
  margin-top:9px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:3px!important;
}
.ksh-bk-result-person .ksh-bk-result-metrics span{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  color:#53667b!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
.ksh-bk-result-person .ksh-bk-result-metrics strong{
  min-width:22px!important;
  color:#1f2937!important;
  font-weight:850!important;
}
.ksh-bk-result-score{
  grid-template-columns:66px minmax(160px,1fr)!important;
  gap:16px!important;
}
.ksh-bk-result-percent{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  font-size:23px!important;
  border-color:#d8e1db!important;
  background:#f6faf7!important;
  color:var(--green)!important;
}
.ksh-bk-bar{
  height:9px!important;
  background:#e7eee9!important;
}
.ksh-bk-result-side{
  justify-self:stretch!important;
}
.ksh-bk-result-actions-inline{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.ksh-bk-print-candidate,
.ksh-bk-score-button,
.ksh-bk-result-card > .ksh-bk-result-spoiler > summary{
  min-height:34px!important;
  border-radius:10px!important;
  border:1px solid #d8e1db!important;
  background:#fff!important;
  color:#184b3c!important;
  font-size:12px!important;
  font-weight:750!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.ksh-bk-score-button{
  color:#53667b!important;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler{
  margin-top:10px!important;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler > summary{
  width:max-content!important;
  min-width:210px!important;
}
.ksh-bk-result-card > .ksh-bk-result-spoiler .ksh-bk-card-detail{
  border:1px solid #d8e1db!important;
  border-radius:14px!important;
  background:#fbfdfb!important;
  padding:16px!important;
}
.ksh-bk-card-detail h3{
  color:#1f2937!important;
  font-size:20px!important;
  line-height:1.2!important;
  margin:0 0 8px!important;
}
.ksh-bk-detail-intro{
  color:#53667b!important;
  font-size:13px!important;
  margin:0 0 12px!important;
}
.ksh-bk-detail-row{
  position:relative!important;
  padding:14px 14px 14px 18px!important;
  margin:0 0 12px!important;
  border:1px solid #d8e1db!important;
  border-left-width:6px!important;
  border-radius:12px!important;
  background:#fff!important;
}
.ksh-bk-detail-row.is-exact{
  border-left-color:#1f6b4d!important;
  background:#f7fbf8!important;
}
.ksh-bk-detail-row.is-partial{
  border-left-color:#b58b18!important;
  background:#fffaf0!important;
}
.ksh-bk-detail-row.is-conflict{
  border-left-color:#b34040!important;
  background:#fff7f7!important;
}
.ksh-bk-detail-row-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:8px!important;
}
.ksh-bk-detail-row-head strong{
  color:#1f2937!important;
  font-size:15px!important;
}
.ksh-bk-pair-badge{
  display:inline-flex!important;
  align-items:center!important;
  border-radius:8px!important;
  padding:5px 8px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  background:#eef5f0!important;
  color:#184b3c!important;
  white-space:nowrap!important;
}
.ksh-bk-detail-row.is-partial .ksh-bk-pair-badge{
  background:#fff1cc!important;
  color:#7a5b00!important;
}
.ksh-bk-detail-row.is-conflict .ksh-bk-pair-badge{
  background:#ffe0e0!important;
  color:#8d1f1f!important;
}
.ksh-bk-detail-question{
  color:#1f2937!important;
  font-size:15px!important;
  line-height:1.5!important;
  margin:0 0 10px!important;
}
.ksh-bk-answer-compare{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
}
.ksh-bk-answer-compare span{
  display:grid!important;
  gap:2px!important;
  border:1px solid #d8e1db!important;
  border-radius:10px!important;
  background:#fff!important;
  padding:8px 10px!important;
}
.ksh-bk-answer-compare em{
  font-style:normal!important;
  color:#53667b!important;
  font-size:11px!important;
  font-weight:700!important;
}
.ksh-bk-answer-compare strong{
  color:#1f2937!important;
  font-size:13px!important;
  font-weight:800!important;
}
.ksh-bk-reason{
  margin-top:10px!important;
  color:#53667b!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.ksh-bk-reason strong{
  color:#1f2937!important;
}
@media(max-width:980px){
  .ksh-bk-result-topline{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .ksh-bk-result-side{
    justify-self:stretch!important;
  }
  .ksh-bk-result-actions-inline{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  .ksh-bk-result-actions-inline,
  .ksh-bk-answer-compare{
    grid-template-columns:1fr!important;
  }
  .ksh-bk-result-card > .ksh-bk-result-spoiler > summary{
    width:100%!important;
    min-width:0!important;
  }
  .ksh-bk-detail-row-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}


/* v1.2.25 – kompakte Ergebniskarten */
.ksh-bk-result-card{padding:14px 16px!important;border-radius:8px!important;border:1px solid #d6e0d9!important;background:#fff!important;box-shadow:none!important;cursor:default!important}
.ksh-bk-result-topline{display:grid!important;grid-template-columns:minmax(230px,270px) minmax(340px,1fr) minmax(150px,170px)!important;gap:18px!important;align-items:center!important}
.ksh-bk-result-person{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important}
.ksh-bk-result-name{font-size:18px!important;line-height:1.2!important;font-weight:800!important;color:#24313f!important;margin:0!important}
.ksh-bk-result-affiliation{font-size:13px!important;line-height:1.3!important;color:#607086!important;margin:0!important}
.ksh-bk-demo-badge{display:inline-block!important;background:#f3f6f4!important;border:1px solid #d6e0d9!important;border-radius:12px!important;padding:2px 8px!important;font-size:11px!important;line-height:1.1!important;font-weight:700!important;color:#6b7280!important;text-transform:uppercase!important;letter-spacing:.03em!important;margin-top:2px!important}
.ksh-bk-result-statbox{margin-top:8px!important;border:1px solid #d6e0d9!important;border-radius:4px!important;background:#fafcfb!important;padding:8px 10px!important;display:grid!important;grid-template-columns:1fr!important;gap:5px!important;min-width:120px!important}
.ksh-bk-result-statrow{display:grid!important;grid-template-columns:26px 1fr!important;align-items:center!important;gap:8px!important;font-size:13px!important;line-height:1.2!important;color:#4b5563!important}
.ksh-bk-result-statrow strong{font-size:16px!important;line-height:1!important;font-weight:800!important;color:#1f2937!important;text-align:left!important}
.ksh-bk-result-statrow span{font-weight:600!important;color:#58667a!important}
.ksh-bk-result-score{display:grid!important;grid-template-columns:68px minmax(220px,1fr)!important;align-items:center!important;gap:16px!important}
.ksh-bk-result-percent{width:68px!important;height:68px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #d6e0d9!important;border-radius:50%!important;background:#f8fbf9!important;color:#175646!important;font-size:21px!important;font-weight:800!important}
.ksh-bk-bar{display:block!important;height:10px!important;background:#e6ece8!important;border-radius:999px!important;overflow:hidden!important;margin:0!important}
.ksh-bk-result-side{justify-self:end!important;width:150px!important}
.ksh-bk-result-actions-inline{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
.ksh-bk-score-button,.ksh-bk-print-candidate,.ksh-bk-background-button,.ksh-bk-result-open{appearance:none!important;border:1px solid #d6e0d9!important;background:#fff!important;color:#184b3c!important;border-radius:4px!important;padding:9px 12px!important;font-size:13px!important;line-height:1.2!important;font-weight:700!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}
.ksh-bk-score-button{color:#52647a!important}
.ksh-bk-result-actions-inline button{width:100%!important;min-height:38px!important}
.ksh-bk-result-bottom{margin-top:10px!important;display:block!important}
.ksh-bk-result-spoiler{display:block!important;width:auto!important;max-width:none!important;margin:0!important}
.ksh-bk-result-spoiler[open]{margin:0!important}
.ksh-bk-result-spoiler > summary{display:inline-flex!important;align-items:center!important;justify-content:space-between!important;min-width:230px!important;max-width:230px!important;cursor:pointer!important;list-style:none!important}
.ksh-bk-result-spoiler > summary::-webkit-details-marker{display:none!important}
.ksh-bk-result-spoiler > summary::after{content:'▾';margin-left:10px;font-size:10px;color:#52647a}
.ksh-bk-result-spoiler[open] > summary::after{content:'▴'}
.ksh-bk-card-detail{margin-top:10px!important;border:1px solid #d6e0d9!important;border-radius:4px!important;background:#fcfdfc!important;padding:14px 14px 6px!important}
.ksh-bk-card-detail h3{font-size:24px!important;line-height:1.2!important;margin:0 0 6px!important;color:#24313f!important;font-weight:700!important}
.ksh-bk-detail-intro{font-size:13px!important;line-height:1.4!important;color:#5f6d80!important;margin:0 0 12px!important}
.ksh-bk-detail-row{border:1px solid #d6e0d9!important;border-radius:4px!important;background:#fff!important;padding:12px!important;margin:0 0 10px!important;box-shadow:none!important}
.ksh-bk-detail-row.is-exact{border-left:4px solid #2d8a57!important}
.ksh-bk-detail-row.is-partial{border-left:4px solid #d2a429!important}
.ksh-bk-detail-row.is-conflict{border-left:4px solid #d26464!important}
.ksh-bk-detail-row-head{display:block!important;margin:0 0 6px!important}
.ksh-bk-detail-row-head strong{display:block!important;font-size:15px!important;line-height:1.3!important;color:#24313f!important;font-weight:700!important;margin:0!important}
.ksh-bk-detail-question{margin:0 0 10px!important;font-size:15px!important;line-height:1.5!important;color:#24313f!important}
.ksh-bk-answer-compare{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
.ksh-bk-answer-box{display:block!important;border:1px solid #d6e0d9!important;border-radius:4px!important;background:#fff!important;padding:8px 10px!important}
.ksh-bk-answer-box em{display:block!important;font-style:normal!important;font-size:11px!important;line-height:1.2!important;color:#6b7280!important;font-weight:700!important;margin:0 0 4px!important}
.ksh-bk-answer-box strong{display:block!important;font-size:13px!important;line-height:1.35!important;color:#24313f!important;font-weight:700!important}
.ksh-bk-answer-result.is-exact{background:#f3fbf6!important;border-color:#b8ddc3!important}
.ksh-bk-answer-result.is-exact strong{color:#1f6d45!important}
.ksh-bk-answer-result.is-exact em::before{content:'🟢 ';}
.ksh-bk-answer-result.is-partial{background:#fff8e7!important;border-color:#ead39a!important}
.ksh-bk-answer-result.is-partial strong{color:#876100!important}
.ksh-bk-answer-result.is-partial em::before{content:'🟡 ';}
.ksh-bk-answer-result.is-conflict{background:#fff1f1!important;border-color:#efb3b3!important}
.ksh-bk-answer-result.is-conflict strong{color:#a33636!important}
.ksh-bk-answer-result.is-conflict em::before{content:'🔴 ';}
.ksh-bk-reason{margin-top:8px!important;padding-top:8px!important;border-top:1px solid #e7ece8!important;font-size:13px!important;line-height:1.45!important;color:#5f6d80!important}
.ksh-bk-reason strong{color:#24313f!important}
@media (max-width: 980px){
  .ksh-bk-result-topline{grid-template-columns:1fr!important;gap:12px!important}
  .ksh-bk-result-side{width:100%!important;justify-self:stretch!important}
  .ksh-bk-result-actions-inline{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width: 640px){
  .ksh-bk-result-score{grid-template-columns:56px 1fr!important;gap:12px!important}
  .ksh-bk-result-percent{width:56px!important;height:56px!important;font-size:18px!important}
  .ksh-bk-result-actions-inline,.ksh-bk-answer-compare{grid-template-columns:1fr!important}
  .ksh-bk-result-spoiler > summary{min-width:0!important;max-width:100%!important;width:100%!important}
}


/* v1.2.26 – komplett neu gedachte kompakte Ergebniskarten */
.ksh-bk-result-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.ksh-bk-result-card{padding:12px!important;border:1px solid #d7e2dc!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
.ksh-bk-result-grid{display:grid!important;grid-template-columns:minmax(220px,1.05fr) minmax(280px,1.35fr) 150px 132px!important;gap:10px!important;align-items:stretch!important}
.ksh-bk-result-tile{min-height:92px!important;border:1px solid #e1e7e3!important;border-radius:6px!important;background:#fff!important;padding:10px 12px!important;box-sizing:border-box!important}
.ksh-bk-candidate-tile{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important}
.ksh-bk-result-name{margin:0!important;color:#24313f!important;font-size:17px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:0!important}
.ksh-bk-result-affiliation{display:block!important;margin:0!important;color:#5c6b7f!important;font-size:13px!important;line-height:1.3!important;font-weight:500!important}
.ksh-bk-demo-badge{display:inline-flex!important;align-items:center!important;margin:2px 0 0!important;padding:2px 8px!important;border:1px solid #d7e2dc!important;border-radius:12px!important;background:#f7faf8!important;color:#596979!important;font-size:10px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:.03em!important;text-transform:uppercase!important}
.ksh-bk-score-tile{display:grid!important;grid-template-columns:72px 1fr!important;gap:14px!important;align-items:center!important}
.ksh-bk-result-percent{width:64px!important;height:64px!important;min-width:64px!important;border-radius:50%!important;border:1px solid #d7e2dc!important;background:#f8fbf9!important;color:#175646!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;line-height:1!important;font-weight:850!important;box-shadow:none!important}
.ksh-bk-bar{display:block!important;width:100%!important;height:10px!important;margin:0!important;border-radius:999px!important;background:#e8efeb!important;overflow:hidden!important}.ksh-bk-bar span{display:block!important;height:100%!important;border-radius:999px!important}
.ksh-bk-stats-tile{display:grid!important;grid-template-columns:1fr!important;align-content:center!important;gap:7px!important}.ksh-bk-result-statrow{display:grid!important;grid-template-columns:34px 1fr!important;gap:8px!important;align-items:center!important;color:#596979!important;font-size:13px!important;line-height:1.2!important;font-weight:650!important}.ksh-bk-result-statrow strong{color:#24313f!important;font-size:17px!important;line-height:1!important;font-weight:850!important}
.ksh-bk-actions-tile{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-content:center!important}
.ksh-bk-score-button,.ksh-bk-print-candidate,.ksh-bk-background-button,.ksh-bk-result-open{appearance:none!important;width:100%!important;min-height:36px!important;border:1px solid #d7e2dc!important;border-radius:6px!important;background:#fff!important;color:#184b3c!important;padding:8px 10px!important;font-size:13px!important;line-height:1.2!important;font-weight:750!important;text-align:center!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer!important}.ksh-bk-score-button{color:#536477!important}.ksh-bk-background-button{color:#184b3c!important}.ksh-bk-score-button:hover,.ksh-bk-print-candidate:hover,.ksh-bk-background-button:hover,.ksh-bk-result-open:hover{background:#f7faf8!important;border-color:#c7d7cd!important}
.ksh-bk-detail-control{width:220px!important;margin-top:10px!important}.ksh-bk-card-detail{margin-top:10px!important;padding:12px!important;border:1px solid #d7e2dc!important;border-radius:6px!important;background:#fff!important;box-sizing:border-box!important}.ksh-bk-card-detail[hidden]{display:none!important}
.ksh-bk-card-detail h3{margin:0 0 4px!important;color:#24313f!important;font-size:20px!important;line-height:1.2!important;font-weight:800!important}.ksh-bk-detail-intro{margin:0 0 10px!important;color:#5c6b7f!important;font-size:13px!important;line-height:1.35!important}
.ksh-bk-detail-row{margin:0 0 8px!important;padding:10px!important;border:1px solid #e1e7e3!important;border-left:1px solid #e1e7e3!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important}.ksh-bk-detail-row.is-exact,.ksh-bk-detail-row.is-partial,.ksh-bk-detail-row.is-conflict{border-left:1px solid #e1e7e3!important;background:#fff!important}
.ksh-bk-detail-row-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 6px!important}.ksh-bk-detail-row-head strong{color:#24313f!important;font-size:14px!important;line-height:1.25!important;font-weight:800!important}
.ksh-bk-traffic{display:grid!important;grid-template-columns:repeat(3,11px)!important;gap:4px!important;align-items:center!important;padding:3px 5px!important;border:1px solid #d7e2dc!important;border-radius:999px!important;background:#fff!important;flex:0 0 auto!important}.ksh-bk-traffic i{display:block!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#d9e0dc!important}.ksh-bk-detail-row.is-conflict .ksh-bk-traffic i:nth-child(1){background:#c94b4b!important}.ksh-bk-detail-row.is-partial .ksh-bk-traffic i:nth-child(2){background:#d8a928!important}.ksh-bk-detail-row.is-exact .ksh-bk-traffic i:nth-child(3){background:#2b8a57!important}
.ksh-bk-detail-question{margin:0 0 8px!important;color:#24313f!important;font-size:14px!important;line-height:1.42!important}.ksh-bk-answer-compare{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important}.ksh-bk-answer-box{display:block!important;padding:8px 9px!important;border:1px solid #e1e7e3!important;border-radius:5px!important;background:#fff!important}.ksh-bk-answer-box em{display:block!important;margin:0 0 3px!important;color:#6b7280!important;font-style:normal!important;font-size:11px!important;line-height:1.2!important;font-weight:700!important}.ksh-bk-answer-box strong{display:block!important;color:#24313f!important;font-size:13px!important;line-height:1.3!important;font-weight:800!important}.ksh-bk-answer-result.is-exact,.ksh-bk-answer-result.is-partial,.ksh-bk-answer-result.is-conflict{background:#fff!important}.ksh-bk-answer-result.is-exact strong{color:#2b8a57!important}.ksh-bk-answer-result.is-partial strong{color:#8a6500!important}.ksh-bk-answer-result.is-conflict strong{color:#b23a3a!important}.ksh-bk-reason{margin-top:8px!important;padding-top:8px!important;border-top:1px solid #e8eee9!important;color:#5c6b7f!important;font-size:13px!important;line-height:1.4!important}.ksh-bk-reason strong{color:#24313f!important}
@media(max-width:980px){.ksh-bk-result-grid{grid-template-columns:1fr!important}.ksh-bk-result-tile{min-height:0!important}.ksh-bk-detail-control{width:100%!important}.ksh-bk-actions-tile{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.ksh-bk-score-tile{grid-template-columns:58px 1fr!important}.ksh-bk-result-percent{width:56px!important;height:56px!important;min-width:56px!important;font-size:19px!important}.ksh-bk-answer-compare,.ksh-bk-actions-tile{grid-template-columns:1fr!important}.ksh-bk-detail-row-head{align-items:flex-start!important}}


/* v1.2.27: transparente Hinweise zu Kandidaturen ohne Auswertung */
.ksh-bk-nonparticipants{margin-top:18px}
.ksh-bk-nonparticipant-card{border:1px solid #d8e1db;background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 10px 30px rgba(18,38,63,.07)}
.ksh-bk-nonparticipant-card h3{margin:0 0 8px;font-size:1.05rem;color:#1c2b36}
.ksh-bk-nonparticipant-card p{margin:0 0 10px;color:#53667b}
.ksh-bk-nonparticipant-card ul{margin:0;padding-left:1.1rem}
.ksh-bk-nonparticipant-card li{margin:.35rem 0;color:#243447}
.ksh-bk-nonparticipant-card span{color:#6b7c8f;font-size:.92em}

.ksh-bk-profile-note { margin-top: 14px; padding: 14px 16px; border: 1px solid rgba(24,75,60,.18); border-radius: 14px; background: rgba(247,250,248,.92); color: #22332d; }
.ksh-bk-profile-note strong { display:block; margin-bottom: 6px; color:#184b3c; }
.ksh-bk-profile-note p { margin:0; }
.ksh-bk-profile-note-declined { border-color: rgba(141,74,43,.25); background: rgba(252,248,244,.95); }
.ksh-bk-profile-note-noresponse { border-color: rgba(90,99,110,.25); background: rgba(248,249,250,.95); }



/* v1.2.34 Mobile Startansicht: Header-Grafik und kompakte Button-Leiste */
.ksh-bk-mobile-rathaus{
  display:none;
}
@media(max-width:720px){
  .ksh-bk-start-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  .ksh-bk-start-actions .ksh-bk-button{
    width:100%!important;
    flex:1 1 auto!important;
  }
  .ksh-bk-mobile-brandrow{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:16px!important;
    margin-bottom:20px!important;
  }
  .ksh-bk-mobile-brandrow .ksh-bk-logo{
    margin-bottom:0!important;
    flex:0 0 auto!important;
  }
  .ksh-bk-mobile-rathaus{
    display:block!important;
    width:min(42vw,150px)!important;
    max-height:82px!important;
    object-fit:contain!important;
    object-position:right top!important;
    opacity:.34!important;
    filter:grayscale(1) contrast(1.04)!important;
    margin-top:-4px!important;
    flex:0 1 auto!important;
  }
}


/* v1.2.36: Hintergrundfragen auch in Ergebnis-Karten */
.ksh-bk-bg-modal-panel{
  width:min(760px,100%)!important;
}
.ksh-bk-bg-modal-box h3{
  margin:0 0 8px!important;
  color:#24313f!important;
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
.ksh-bk-bg-modal-intro{
  margin:0 0 14px!important;
  color:#53667b!important;
  font-size:15px!important;
  line-height:1.45!important;
}
.ksh-bk-bg-modal-note{
  margin:0 0 14px!important;
  padding:10px 12px!important;
  border:1px solid #d7e2dc!important;
  border-radius:10px!important;
  background:#f7faf8!important;
  color:#53667b!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.ksh-bk-bg-modal-list .ksh-bk-background-item p{
  margin:0!important;
  color:#53667b!important;
  font-size:15px!important;
  line-height:1.58!important;
}
@media(max-width:640px){
  .ksh-bk-bg-modal-panel{padding:20px 16px!important;}
  .ksh-bk-bg-modal-box h3{font-size:21px!important;}
}


/* v1.2.38 – Ergebnisboxen optisch modernisiert, Inhalte unverändert */
.ksh-bk-results .ksh-bk-result-list{
  gap:14px!important;
}
.ksh-bk-results .ksh-bk-result-card{
  position:relative!important;
  overflow:hidden!important;
  padding:14px!important;
  border:1px solid rgba(24,75,60,.14)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 0 0, rgba(188,220,202,.34), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(249,252,250,.94))!important;
  box-shadow:0 16px 34px rgba(18,50,42,.085)!important;
}
.ksh-bk-results .ksh-bk-result-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(180deg,#184b3c,#7fc04a)!important;
  opacity:.9;
}
.ksh-bk-results .ksh-bk-result-card:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 20px 42px rgba(18,50,42,.11)!important;
}
.ksh-bk-results .ksh-bk-result-grid{
  grid-template-columns:minmax(220px,1.08fr) minmax(290px,1.35fr) minmax(150px,.62fr) minmax(132px,.5fr)!important;
  gap:12px!important;
}
.ksh-bk-results .ksh-bk-result-tile{
  border:1px solid rgba(24,75,60,.12)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
}
.ksh-bk-results .ksh-bk-candidate-tile{
  padding:13px 14px!important;
}
.ksh-bk-results .ksh-bk-result-name{
  font-size:18px!important;
  letter-spacing:-.015em!important;
  color:#172b25!important;
}
.ksh-bk-results .ksh-bk-result-affiliation{
  color:#587064!important;
  font-weight:650!important;
}
.ksh-bk-results .ksh-bk-score-tile{
  grid-template-columns:74px 1fr!important;
  padding:14px 16px!important;
  background:linear-gradient(135deg,rgba(245,250,247,.96),rgba(255,255,255,.86))!important;
}
.ksh-bk-results .ksh-bk-result-percent{
  width:64px!important;
  height:64px!important;
  border:1px solid rgba(24,75,60,.14)!important;
  background:linear-gradient(145deg,#ffffff,#eef7f1)!important;
  color:#0f513f!important;
  box-shadow:0 9px 22px rgba(24,75,60,.10), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.ksh-bk-results .ksh-bk-bar{
  height:11px!important;
  background:#e7efe9!important;
  box-shadow:inset 0 1px 2px rgba(23,64,51,.08)!important;
}
.ksh-bk-results .ksh-bk-bar span{
  background:linear-gradient(90deg,#184b3c,#4d8c48,#c9ec3f)!important;
}
.ksh-bk-results .ksh-bk-stats-tile{
  padding:12px 12px!important;
  gap:8px!important;
  background:rgba(255,255,255,.76)!important;
}
.ksh-bk-results .ksh-bk-result-statrow{
  grid-template-columns:34px 1fr!important;
  padding:2px 0!important;
}
.ksh-bk-results .ksh-bk-result-statrow strong{
  width:30px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  background:#f2f7f4!important;
  border:1px solid rgba(24,75,60,.11)!important;
  color:#17352b!important;
  font-size:15px!important;
}
.ksh-bk-results .ksh-bk-result-statrow span{
  font-size:12px!important;
  font-weight:750!important;
  color:#587064!important;
}
.ksh-bk-results .ksh-bk-actions-tile{
  padding:10px!important;
  background:rgba(255,255,255,.70)!important;
}
.ksh-bk-results .ksh-bk-score-button,
.ksh-bk-results .ksh-bk-print-candidate,
.ksh-bk-results .ksh-bk-background-button,
.ksh-bk-results .ksh-bk-result-open{
  border-color:rgba(24,75,60,.17)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.92)!important;
  color:#184b3c!important;
  min-height:38px!important;
  font-size:13px!important;
  font-weight:800!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.ksh-bk-results .ksh-bk-score-button{
  color:#536477!important;
}
.ksh-bk-results .ksh-bk-score-button:hover,
.ksh-bk-results .ksh-bk-print-candidate:hover,
.ksh-bk-results .ksh-bk-background-button:hover,
.ksh-bk-results .ksh-bk-result-open:hover{
  background:#f6fbf8!important;
  border-color:rgba(24,75,60,.30)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(18,50,42,.08)!important;
}
.ksh-bk-results .ksh-bk-detail-control{
  width:238px!important;
  margin-top:12px!important;
}
.ksh-bk-results .ksh-bk-detail-control .ksh-bk-result-open{
  min-height:40px!important;
  justify-content:center!important;
}
.ksh-bk-results .ksh-bk-card-detail{
  margin-top:12px!important;
  border-radius:14px!important;
  border-color:rgba(24,75,60,.14)!important;
  background:rgba(255,255,255,.92)!important;
}
@media(max-width:980px){
  .ksh-bk-results .ksh-bk-result-grid{grid-template-columns:1fr!important;gap:10px!important}
  .ksh-bk-results .ksh-bk-actions-tile{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ksh-bk-results .ksh-bk-detail-control{width:100%!important}
}
@media(max-width:640px){
  .ksh-bk-results .ksh-bk-result-card{padding:12px!important;border-radius:16px!important}
  .ksh-bk-results .ksh-bk-score-tile{grid-template-columns:60px 1fr!important;gap:12px!important;padding:12px!important}
  .ksh-bk-results .ksh-bk-result-percent{width:56px!important;height:56px!important;min-width:56px!important;font-size:19px!important}
  .ksh-bk-results .ksh-bk-actions-tile{grid-template-columns:1fr!important}
}

/* v1.2.39 – Ergebnisboxen stärker als moderne Ergebnis-Visitenkarten, ohne Inhaltsänderung */
.ksh-bk-results .ksh-bk-result-card{
  border:1px solid rgba(24,75,60,.13)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 16% 12%, rgba(201,236,63,.10), transparent 30%),
    radial-gradient(circle at 88% 82%, rgba(24,75,60,.08), transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f8fbf9 100%)!important;
  box-shadow:0 18px 42px rgba(18,50,42,.09)!important;
}
.ksh-bk-results .ksh-bk-result-card::before{
  content:none!important;
  display:none!important;
}
.ksh-bk-results .ksh-bk-result-grid{
  grid-template-columns:minmax(220px,1.05fr) minmax(300px,1.42fr) minmax(154px,.66fr) minmax(138px,.52fr)!important;
  gap:12px!important;
}
.ksh-bk-results .ksh-bk-result-tile{
  border-radius:16px!important;
  border:1px solid rgba(24,75,60,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88), 0 8px 20px rgba(18,50,42,.035)!important;
}
.ksh-bk-results .ksh-bk-candidate-tile{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,251,248,.94))!important;
  justify-content:flex-start!important;
}
.ksh-bk-results .ksh-bk-score-tile{
  background:
    radial-gradient(circle at 16% 50%, rgba(24,75,60,.09), transparent 36%),
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(241,248,244,.92))!important;
}
.ksh-bk-results .ksh-bk-stats-tile{
  background:linear-gradient(145deg,rgba(246,251,248,.96),rgba(255,255,255,.90))!important;
}
.ksh-bk-results .ksh-bk-actions-tile{
  gap:9px!important;
  padding:10px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(248,251,249,.92))!important;
}
.ksh-bk-results .ksh-bk-score-button,
.ksh-bk-results .ksh-bk-print-candidate,
.ksh-bk-results .ksh-bk-background-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:39px!important;
  margin:0!important;
  padding:9px 10px!important;
  border:1px solid rgba(24,75,60,.18)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.94)!important;
  color:#214437!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
  box-shadow:0 5px 13px rgba(18,50,42,.035)!important;
}
.ksh-bk-results .ksh-bk-score-button:hover,
.ksh-bk-results .ksh-bk-print-candidate:hover{
  background:#f6fbf8!important;
  border-color:rgba(24,75,60,.30)!important;
}
.ksh-bk-results .ksh-bk-background-button{
  background:linear-gradient(135deg,#184b3c,#2f6b55)!important;
  border-color:#184b3c!important;
  color:#ffffff!important;
  box-shadow:0 8px 18px rgba(24,75,60,.16)!important;
}
.ksh-bk-results .ksh-bk-background-button:hover{
  background:linear-gradient(135deg,#143f32,#2b624e)!important;
  border-color:#143f32!important;
  color:#ffffff!important;
}
.ksh-bk-results .ksh-bk-result-statrow{
  grid-template-columns:36px 1fr!important;
  gap:9px!important;
}
.ksh-bk-results .ksh-bk-result-statrow strong{
  background:#eef7f2!important;
  border-color:rgba(24,75,60,.14)!important;
}
.ksh-bk-results .ksh-bk-detail-control .ksh-bk-result-open{
  background:#ffffff!important;
  border-color:rgba(24,75,60,.18)!important;
  color:#184b3c!important;
}
@media(max-width:980px){
  .ksh-bk-results .ksh-bk-result-grid{grid-template-columns:1fr!important;gap:10px!important}
  .ksh-bk-results .ksh-bk-actions-tile{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .ksh-bk-results .ksh-bk-actions-tile{grid-template-columns:1fr!important}
}


/* v1.2.40 – Ergebnisfläche in #3a6412 und klarere Top-Ergebnisbox */
.ksh-bk-results .ksh-bk-result-card{
  background:#3a6412!important;
  border:1px solid rgba(58,100,18,.55)!important;
  box-shadow:0 18px 42px rgba(27,53,16,.18)!important;
}
.ksh-bk-results .ksh-bk-result-card:hover{
  box-shadow:0 22px 48px rgba(27,53,16,.22)!important;
}
.ksh-bk-results .ksh-bk-result-tile{
  border-color:rgba(255,255,255,.35)!important;
  box-shadow:0 8px 20px rgba(10,30,10,.10), inset 0 1px 0 rgba(255,255,255,.86)!important;
}
.ksh-bk-results .ksh-bk-candidate-tile{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,250,243,.93))!important;
}
.ksh-bk-results .ksh-bk-score-tile{
  background:
    radial-gradient(circle at 16% 50%, rgba(58,100,18,.10), transparent 36%),
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(243,250,239,.92))!important;
}
.ksh-bk-results .ksh-bk-stats-tile{
  background:linear-gradient(145deg,rgba(244,250,240,.96),rgba(255,255,255,.91))!important;
}
.ksh-bk-results .ksh-bk-actions-tile{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,250,243,.93))!important;
}
.ksh-bk-results .ksh-bk-card-detail{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(255,255,255,.45)!important;
}
.ksh-bk-result-summary{
  border:1px solid rgba(24,75,60,.12)!important;
  background:
    radial-gradient(circle at 100% 0, rgba(201,236,63,.13), transparent 30%),
    linear-gradient(135deg,#ffffff,#f7fbf8)!important;
}
.ksh-bk-summary-topline{
  align-items:center!important;
  padding:14px 16px!important;
  border:1px solid rgba(24,75,60,.13)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(242,249,244,.92))!important;
  box-shadow:0 10px 24px rgba(18,50,42,.055)!important;
}
.ksh-bk-summary-person{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}
.ksh-bk-summary-label{
  color:#3a6412!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
.ksh-bk-summary-name{
  color:#172b25!important;
  font-size:clamp(23px,3.1vw,34px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
.ksh-bk-summary-percent{
  color:#3a6412!important;
  min-width:96px!important;
  text-align:right!important;
}
@media(max-width:640px){
  .ksh-bk-summary-topline{align-items:flex-start!important;padding:13px!important}
  .ksh-bk-summary-percent{font-size:44px!important;text-align:left!important;min-width:0!important}
}

/* v1.2.42 – Ergebnisrahmen + dezente Sharing-is-Caring-Box */
.ksh-bk-result-summary{
  border:4px solid #3a6412!important;
  box-shadow:0 16px 36px rgba(27,53,16,.10)!important;
}
.ksh-bk-share-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  margin:0 0 14px 0;
  padding:14px 16px;
  border:1px solid rgba(58,100,18,.22);
  border-radius:18px;
  background:
    radial-gradient(circle at 8% 0%, rgba(201,236,63,.14), transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,250,240,.88));
  box-shadow:0 12px 28px rgba(27,53,16,.08);
  backdrop-filter:blur(12px);
}
.ksh-bk-share-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:220px;
}
.ksh-bk-share-copy strong{
  color:#17352b;
  font-size:16px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.02em;
}
.ksh-bk-share-copy span{
  color:#5a6a60;
  font-size:13px;
  line-height:1.35;
  font-weight:650;
}
.ksh-bk-share-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:9px;
}
.ksh-bk-share-btn{
  appearance:none;
  border:0;
  border-radius:14px;
  min-height:42px;
  padding:8px 12px 8px 9px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-size:13px;
  line-height:1;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 9px 19px rgba(18,50,42,.12), inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.ksh-bk-share-btn span{
  width:26px;
  height:26px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
  font-style:normal;
  font-size:17px;
  font-weight:950;
}
.ksh-bk-share-btn em{
  font-style:normal;
  white-space:nowrap;
}
.ksh-bk-share-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(18,50,42,.16), inset 0 1px 0 rgba(255,255,255,.28);
  filter:saturate(1.06);
}
.ksh-bk-share-btn.is-facebook{background:linear-gradient(135deg,#1877f2,#0d56c6)}
.ksh-bk-share-btn.is-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}
.ksh-bk-share-btn.is-x{background:linear-gradient(135deg,#111827,#000000)}
.ksh-bk-share-btn.is-mail{background:linear-gradient(135deg,#f59e0b,#d97706)}
@media(max-width:720px){
  .ksh-bk-share-box{align-items:stretch;flex-direction:column;padding:13px;gap:12px}
  .ksh-bk-share-copy{min-width:0}
  .ksh-bk-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;justify-content:stretch}
  .ksh-bk-share-btn{justify-content:center;width:100%}
}
@media(max-width:420px){
  .ksh-bk-share-actions{grid-template-columns:1fr}
}
@media print{
  .ksh-bk-share-box{display:none!important}
}

/* v1.2.43 header-hero refresh */
.ksh-bk-results-hero{
  position:relative;
  margin:0 0 18px;
  padding:24px;
  border:2px solid #3a6412;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,250,247,.97) 100%);
  box-shadow:0 18px 40px rgba(18,50,42,.08);
  overflow:hidden;
}
.ksh-bk-results-hero > *{position:relative;z-index:1}
.ksh-bk-results-hero-art{
  position:absolute;
  inset:0;
  z-index:0;
  background-image:url('../img/bensheim-rathaus-sketch-own-20260624.png');
  background-repeat:no-repeat;
  background-position:right 16px top 12px;
  background-size:290px auto;
  opacity:.09;
  pointer-events:none;
}
.ksh-bk-results-hero .ksh-bk-result-summary{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  backdrop-filter:none!important;
}
.ksh-bk-summary-head h2{margin:0 0 8px!important;font-size:clamp(34px,4vw,44px);line-height:1.05;color:#101828}
.ksh-bk-summary-head p{margin:0;color:#667085;font-size:16px;line-height:1.55;max-width:900px}
.ksh-bk-summary-card{
  margin-top:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  background:rgba(255,255,255,.96);
  border:1px solid #d7e0d8;
  border-radius:16px;
  padding:18px 20px;
}
.ksh-bk-summary-card-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.ksh-bk-summary-label{
  display:inline-block;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:13px;
  font-weight:800;
  color:#3a6412;
}
.ksh-bk-summary-name{
  display:block;
  font-size:clamp(26px,3.2vw,44px);
  line-height:1.05;
  font-weight:900;
  color:#20342c;
}
.ksh-bk-summary-card .ksh-bk-result-small{margin-top:0!important;font-size:14px!important;color:#667085!important}
.ksh-bk-summary-card-score{
  min-width:210px;
  text-align:right;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
}
.ksh-bk-summary-score-label{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  color:#667085;
}
.ksh-bk-results-hero .ksh-bk-summary-percent{
  font-size:56px!important;
  font-weight:950;
  line-height:1;
  color:#3a6412;
}
.ksh-bk-results-hero .ksh-bk-share-box{
  margin:16px 0 0!important;
  background:#fff!important;
  border:1px solid #d7e0d8!important;
  border-radius:16px!important;
  box-shadow:none!important;
  padding:14px 16px!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.ksh-bk-results-hero .ksh-bk-share-copy strong{font-size:18px;color:#20342c}
.ksh-bk-results-hero .ksh-bk-share-copy span{font-size:14px;color:#667085}
.ksh-bk-results-hero .ksh-bk-result-actions-top{
  margin-top:16px!important;
  display:flex;
  justify-content:flex-end;
  gap:12px;
}
.ksh-bk-results-hero .ksh-bk-result-actions-top .ksh-bk-button{
  min-height:46px;
  padding:11px 18px;
  border-radius:12px;
  font-size:15px;
  font-weight:800;
  box-shadow:none;
}
.ksh-bk-results-hero .ksh-bk-button-secondary,
.ksh-bk-results-hero .ksh-bk-button-quiet{
  border:1px solid #cdd8d0!important;
  background:#fff!important;
  color:#1f4f40!important;
}
.ksh-bk-results-hero .ksh-bk-button-secondary:hover,
.ksh-bk-results-hero .ksh-bk-button-quiet:hover{background:#f6faf7!important}
@media (max-width:900px){
  .ksh-bk-results-hero{padding:18px}
  .ksh-bk-results-hero-art{background-size:220px auto;background-position:right 10px top 12px;opacity:.08}
  .ksh-bk-summary-card{grid-template-columns:1fr;padding:16px}
  .ksh-bk-summary-card-score{min-width:0;align-items:flex-start;text-align:left}
  .ksh-bk-results-hero .ksh-bk-share-box{flex-direction:column;align-items:stretch}
  .ksh-bk-results-hero .ksh-bk-result-actions-top{justify-content:stretch;flex-wrap:wrap}
  .ksh-bk-results-hero .ksh-bk-result-actions-top .ksh-bk-button{flex:1 1 220px}
}
@media (max-width:640px){
  .ksh-bk-results-hero{padding:16px;border-radius:16px}
  .ksh-bk-results-hero-art{background-size:150px auto;background-position:right 8px top 10px;opacity:.07}
  .ksh-bk-summary-head h2{font-size:34px}
  .ksh-bk-results-hero .ksh-bk-summary-percent{font-size:48px!important}
  .ksh-bk-results-hero .ksh-bk-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  .ksh-bk-results-hero .ksh-bk-share-btn{width:100%;justify-content:center}
}
@media (max-width:420px){
  .ksh-bk-results-hero .ksh-bk-share-actions{grid-template-columns:1fr}
}
@media print{
  .ksh-bk-results-hero{padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
  .ksh-bk-results-hero-art,.ksh-bk-share-box{display:none!important}
  .ksh-bk-summary-card{margin-top:3mm!important;border:1px solid #d7dce2!important;border-radius:4px!important;padding:3mm!important}
}


/* v1.2.44 – Feinschliff Ergebnis-Header und Social-Preview */
.ksh-bk-results-hero-art{
  background-size:360px auto!important;
  background-position:right 18px top 6px!important;
  opacity:.18!important;
  filter:contrast(1.12) saturate(.92);
}
.ksh-bk-results-hero .ksh-bk-share-copy span{
  font-weight:700;
}
@media (max-width:900px){
  .ksh-bk-results-hero-art{
    background-size:260px auto!important;
    background-position:right 8px top 8px!important;
    opacity:.13!important;
  }
}
@media (max-width:640px){
  .ksh-bk-results-hero-art{
    background-size:180px auto!important;
    background-position:right 4px top 8px!important;
    opacity:.10!important;
  }
}

/* v1.2.45 – Rathausmotiv als bewusst sichtbare Bildzone im Ergebnis-Header */
.ksh-bk-results-hero{
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.985) 58%,rgba(245,250,242,.96) 100%)!important;
}
.ksh-bk-results-hero::before{
  content:"";
  position:absolute;
  z-index:0;
  right:-74px;
  top:-52px;
  width:520px;
  height:315px;
  border-radius:999px;
  background:
    radial-gradient(circle at 48% 52%,rgba(58,100,18,.14) 0%,rgba(58,100,18,.085) 42%,rgba(58,100,18,.035) 67%,rgba(58,100,18,0) 78%);
  pointer-events:none;
}
.ksh-bk-results-hero-art{
  inset:0!important;
  background-size:455px auto!important;
  background-position:right -18px top 10px!important;
  opacity:.27!important;
  filter:contrast(1.28) saturate(.78) sepia(.14) hue-rotate(32deg);
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 48%,#000 65%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,transparent 48%,#000 65%,#000 100%);
}
.ksh-bk-summary-head,
.ksh-bk-summary-card,
.ksh-bk-share-box,
.ksh-bk-result-actions-top{
  position:relative;
  z-index:2;
}
@media (max-width:900px){
  .ksh-bk-results-hero::before{
    right:-92px;
    top:-42px;
    width:430px;
    height:270px;
  }
  .ksh-bk-results-hero-art{
    background-size:345px auto!important;
    background-position:right -34px top 16px!important;
    opacity:.22!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 42%,#000 62%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0%,transparent 42%,#000 62%,#000 100%);
  }
}
@media (max-width:640px){
  .ksh-bk-results-hero::before{
    right:-120px;
    top:-34px;
    width:340px;
    height:225px;
    opacity:.82;
  }
  .ksh-bk-results-hero-art{
    background-size:245px auto!important;
    background-position:right -52px top 14px!important;
    opacity:.17!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 34%,#000 58%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0%,transparent 34%,#000 58%,#000 100%);
  }
}
@media print{
  .ksh-bk-results-hero::before{display:none!important}
}

/* v1.2.46 – Ergebnis-Kernkarte links kompakter, damit das Rathausmotiv sichtbar bleibt */
@media (min-width:901px){
  .ksh-bk-results-hero .ksh-bk-summary-head{
    max-width:720px;
  }
  .ksh-bk-results-hero .ksh-bk-summary-card{
    width:min(650px,62%);
    max-width:650px;
    min-height:132px;
    grid-template-columns:minmax(0,1fr) minmax(135px,auto);
  }
  .ksh-bk-results-hero .ksh-bk-summary-card-score{
    min-width:135px;
  }
}
@media (min-width:901px) and (max-width:1040px){
  .ksh-bk-results-hero .ksh-bk-summary-card{
    width:min(610px,64%);
  }
  .ksh-bk-results-hero .ksh-bk-summary-percent{
    font-size:50px!important;
  }
}

/* v1.2.47 – Rathausmotiv aus eigenem Foto neu abgeleitet; CSS-Zone bleibt erhalten */
.ksh-bk-results-hero-art{
  background-image:url('../img/bensheim-rathaus-sketch-own-20260624.png')!important;
}

/* v1.2.48 hotfix – neues Rathausmotiv aus eigenem Foto integriert, Ergebnis-Header zurückhaltender */
.ksh-bk-results-hero{
  background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.985) 64%,rgba(245,250,242,.96) 100%)!important;
}
.ksh-bk-results-hero::before{
  right:-58px!important;
  top:-38px!important;
  width:430px!important;
  height:272px!important;
  opacity:.78!important;
}
.ksh-bk-results-hero-art{
  background-image:url('../img/bensheim-rathaus-sketch-own-20260624.png')!important;
  background-size:320px auto!important;
  background-position:right -2px center!important;
  opacity:.18!important;
  filter:grayscale(1) contrast(1.08) brightness(1.01)!important;
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 56%,#000 72%,#000 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,transparent 56%,#000 72%,#000 100%)!important;
}
@media (min-width:901px){
  .ksh-bk-results-hero .ksh-bk-summary-head{
    max-width:min(690px,64%)!important;
  }
  .ksh-bk-results-hero .ksh-bk-summary-card{
    width:min(600px,60%)!important;
    max-width:600px!important;
    min-height:126px!important;
  }
  .ksh-bk-results-hero .ksh-bk-summary-percent{
    font-size:52px!important;
  }
}
@media (min-width:901px) and (max-width:1100px){
  .ksh-bk-results-hero-art{
    background-size:275px auto!important;
    background-position:right -8px center!important;
    opacity:.15!important;
  }
  .ksh-bk-results-hero .ksh-bk-summary-head,
  .ksh-bk-results-hero .ksh-bk-summary-card{
    max-width:100%!important;
    width:min(100%,580px)!important;
  }
}
@media (max-width:900px){
  .ksh-bk-results-hero::before{
    right:-96px!important;
    top:-34px!important;
    width:340px!important;
    height:220px!important;
    opacity:.62!important;
  }
  .ksh-bk-results-hero-art{
    background-size:200px auto!important;
    background-position:right -12px top 12px!important;
    opacity:.10!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 40%,#000 62%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,transparent 40%,#000 62%,#000 100%)!important;
  }
}
@media (max-width:640px){
  .ksh-bk-results-hero-art{
    background-size:150px auto!important;
    background-position:right -22px top 10px!important;
    opacity:.08!important;
  }
}

/* v1.2.51 – Hinweis bei Kandidierendenantworten mit „keine Angabe“ im Detailvergleich */
.ksh-bk-noanswer-note{
  margin:10px 0 12px!important;
  padding:11px 13px!important;
  border:1px solid #d7e2dc!important;
  border-left:4px solid #6b7c8f!important;
  border-radius:6px!important;
  background:#f8faf9!important;
  color:#34465a!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.ksh-bk-noanswer-note strong{
  display:inline!important;
  color:#24313f!important;
  margin:0!important;
}
@media print{
  .ksh-bk-noanswer-note{
    font-size:7.4pt!important;
    line-height:1.2!important;
    padding:1.8mm 2mm!important;
    margin:0 0 2mm!important;
    border-radius:3px!important;
  }
}


/* v1.2.53 – Ergebnisbox zurück zur ruhigeren Anordnung, Rathaus sichtbarer */
.ksh-bk-results-hero,
.ksh-bk-results-hero *{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.ksh-bk-results-hero{
  padding:24px!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.985) 56%,rgba(246,250,242,.94) 100%)!important;
}
.ksh-bk-results-hero::before{
  right:-46px!important;
  top:-36px!important;
  width:460px!important;
  height:292px!important;
  opacity:.72!important;
}
.ksh-bk-results-hero-art{
  background-image:url('../img/bensheim-rathaus-sketch-own-20260624.png')!important;
  background-size:410px auto!important;
  background-position:right 44px center!important;
  opacity:.30!important;
  filter:grayscale(1) contrast(1.18) brightness(.98)!important;
  mix-blend-mode:multiply!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 43%,rgba(0,0,0,.55) 55%,#000 72%,#000 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,transparent 43%,rgba(0,0,0,.55) 55%,#000 72%,#000 100%)!important;
}
.ksh-bk-results-hero .ksh-bk-summary-head{
  max-width:660px!important;
}
.ksh-bk-summary-head h2{
  font-size:clamp(34px,3.8vw,42px)!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
}
.ksh-bk-summary-head p{
  font-size:15px!important;
  line-height:1.55!important;
  max-width:640px!important;
}
.ksh-bk-summary-card{
  width:min(600px,58%)!important;
  max-width:600px!important;
  min-height:126px!important;
  border-radius:16px!important;
  box-shadow:0 8px 22px rgba(19,54,43,.055)!important;
}
.ksh-bk-summary-name{
  letter-spacing:-.04em!important;
}
.ksh-bk-results-hero .ksh-bk-share-box{
  width:min(100%,1048px)!important;
  margin:16px 0 0!important;
  padding:14px 16px!important;
  min-height:72px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid #d9e3db!important;
  box-shadow:0 7px 18px rgba(19,54,43,.045)!important;
}
.ksh-bk-results-hero .ksh-bk-share-copy{
  min-width:210px!important;
  max-width:280px!important;
}
.ksh-bk-results-hero .ksh-bk-share-copy strong{
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
  color:#18372d!important;
}
.ksh-bk-results-hero .ksh-bk-share-copy span{
  display:block!important;
  margin-top:3px!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:600!important;
  color:#667085!important;
}
.ksh-bk-results-hero .ksh-bk-share-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
}
.ksh-bk-results-hero .ksh-bk-share-btn{
  min-height:42px!important;
  padding:9px 13px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.ksh-bk-results-hero .ksh-bk-share-btn span{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  font-size:13px!important;
}
.ksh-bk-results-hero .ksh-bk-result-actions-top{
  margin-top:16px!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
}
.ksh-bk-results-hero .ksh-bk-result-actions-top .ksh-bk-button{
  min-height:46px!important;
  padding:11px 18px!important;
  border-radius:12px!important;
  font-size:15px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
@media (min-width:901px) and (max-width:1120px){
  .ksh-bk-results-hero-art{
    background-size:360px auto!important;
    background-position:right 24px center!important;
    opacity:.26!important;
  }
  .ksh-bk-summary-card{
    width:min(590px,60%)!important;
  }
  .ksh-bk-results-hero .ksh-bk-share-btn{
    padding:9px 11px!important;
  }
}
@media (max-width:900px){
  .ksh-bk-results-hero{
    padding:18px!important;
  }
  .ksh-bk-results-hero-art{
    background-size:245px auto!important;
    background-position:right -6px top 18px!important;
    opacity:.13!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 36%,#000 62%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,transparent 36%,#000 62%,#000 100%)!important;
  }
  .ksh-bk-summary-card{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:1fr!important;
  }
  .ksh-bk-results-hero .ksh-bk-share-box{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .ksh-bk-results-hero .ksh-bk-share-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .ksh-bk-results-hero .ksh-bk-share-btn{
    width:100%!important;
    justify-content:center!important;
  }
  .ksh-bk-results-hero .ksh-bk-result-actions-top{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .ksh-bk-results-hero .ksh-bk-result-actions-top .ksh-bk-button{
    width:100%!important;
  }
}
@media (max-width:460px){
  .ksh-bk-results-hero .ksh-bk-share-actions,
  .ksh-bk-results-hero .ksh-bk-result-actions-top{
    grid-template-columns:1fr!important;
  }
}
@media print{
  .ksh-bk-results-hero-art,.ksh-bk-share-box{
    display:none!important;
  }
}


/* v1.2.54 – Rathaus rechts oben freistellen, Share- und Aktionsbereich in eine Zeile */
.ksh-bk-results-hero,
.ksh-bk-results-hero *{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.ksh-bk-results-hero{
  position:relative!important;
  overflow:hidden!important;
  padding:22px 24px 24px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.985) 54%,rgba(246,250,242,.95) 100%)!important;
}
.ksh-bk-results-hero::before{
  right:-38px!important;
  top:-22px!important;
  width:420px!important;
  height:255px!important;
  opacity:.54!important;
}
.ksh-bk-results-hero .ksh-bk-result-summary{
  position:relative!important;
  z-index:1!important;
  min-height:276px!important;
}
.ksh-bk-results-hero-art{
  position:absolute!important;
  z-index:0!important;
  top:22px!important;
  right:28px!important;
  width:405px!important;
  height:240px!important;
  background-image:url('../img/bensheim-rathaus-sketch-own-20260624.png')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:contain!important;
  opacity:.30!important;
  filter:grayscale(1) contrast(1.14) brightness(.98)!important;
  mix-blend-mode:multiply!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  pointer-events:none!important;
}
.ksh-bk-results-hero .ksh-bk-summary-head{
  max-width:650px!important;
}
.ksh-bk-summary-head h2{
  font-size:clamp(34px,3.8vw,42px)!important;
  line-height:1.04!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
}
.ksh-bk-summary-head p{
  font-size:15px!important;
  line-height:1.55!important;
  max-width:620px!important;
}
.ksh-bk-summary-card{
  width:min(600px,58%)!important;
  max-width:600px!important;
  min-height:126px!important;
  border-radius:16px!important;
  box-shadow:0 8px 22px rgba(19,54,43,.05)!important;
}
.ksh-bk-results-hero .ksh-bk-share-box{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  margin:0!important;
  padding:14px 16px!important;
  min-height:74px!important;
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.97)!important;
  border:1px solid #d9e3db!important;
  box-shadow:0 7px 18px rgba(19,54,43,.045)!important;
}
.ksh-bk-results-hero .ksh-bk-share-copy{
  min-width:0!important;
  max-width:none!important;
}
.ksh-bk-results-hero .ksh-bk-share-copy strong{
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
  color:#18372d!important;
}
.ksh-bk-results-hero .ksh-bk-share-copy span{
  display:block!important;
  margin-top:3px!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:600!important;
  color:#667085!important;
}
.ksh-bk-results-hero .ksh-bk-share-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  padding-left:4px!important;
}
.ksh-bk-results-hero .ksh-bk-share-btn{
  min-height:42px!important;
  padding:9px 12px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.ksh-bk-results-hero .ksh-bk-share-btn span{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  font-size:13px!important;
}
.ksh-bk-results-hero .ksh-bk-result-actions-top,
.ksh-bk-results-hero .ksh-bk-result-actions-inline{
  margin-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
}
.ksh-bk-results-hero .ksh-bk-result-actions-top .ksh-bk-button{
  min-height:44px!important;
  padding:10px 16px!important;
  border-radius:12px!important;
  font-size:15px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
@media (min-width:901px) and (max-width:1160px){
  .ksh-bk-results-hero-art{
    width:360px!important;
    height:220px!important;
    right:18px!important;
    top:30px!important;
    opacity:.27!important;
  }
  .ksh-bk-results-hero .ksh-bk-result-summary{min-height:260px!important}
  .ksh-bk-results-hero .ksh-bk-share-box{
    grid-template-columns:190px minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  .ksh-bk-results-hero .ksh-bk-share-btn{padding:8px 10px!important}
  .ksh-bk-results-hero .ksh-bk-result-actions-top .ksh-bk-button{padding:10px 14px!important}
}
@media (max-width:900px){
  .ksh-bk-results-hero{
    padding:18px!important;
  }
  .ksh-bk-results-hero .ksh-bk-result-summary{min-height:auto!important}
  .ksh-bk-results-hero-art{
    width:245px!important;
    height:165px!important;
    top:18px!important;
    right:-12px!important;
    opacity:.12!important;
  }
  .ksh-bk-summary-card{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:1fr!important;
  }
  .ksh-bk-results-hero .ksh-bk-share-box{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .ksh-bk-results-hero .ksh-bk-share-actions,
  .ksh-bk-results-hero .ksh-bk-result-actions-top,
  .ksh-bk-results-hero .ksh-bk-result-actions-inline{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding-left:0!important;
  }
  .ksh-bk-results-hero .ksh-bk-share-btn,
  .ksh-bk-results-hero .ksh-bk-result-actions-top .ksh-bk-button{
    width:100%!important;
    justify-content:center!important;
  }
}
@media (max-width:460px){
  .ksh-bk-results-hero .ksh-bk-share-actions,
  .ksh-bk-results-hero .ksh-bk-result-actions-top,
  .ksh-bk-results-hero .ksh-bk-result-actions-inline{
    grid-template-columns:1fr!important;
  }
}
@media print{
  .ksh-bk-results-hero-art,.ksh-bk-share-box{display:none!important}
}


/* v1.2.56 – Rathausmotiv konsequent oben rechts verankern */
.ksh-bk-results-hero-art{
  left:auto!important;
  right:26px!important;
  top:20px!important;
  bottom:auto!important;
  width:390px!important;
  height:232px!important;
  background-position:right top!important;
  background-size:contain!important;
  opacity:.28!important;
  transform:none!important;
}
@media (min-width:901px) and (max-width:1160px){
  .ksh-bk-results-hero-art{
    left:auto!important;
    right:16px!important;
    top:24px!important;
    width:345px!important;
    height:208px!important;
    background-position:right top!important;
    opacity:.25!important;
  }
}
@media (max-width:900px){
  .ksh-bk-results-hero-art{
    left:auto!important;
    right:-10px!important;
    top:18px!important;
    width:230px!important;
    height:155px!important;
    background-position:right top!important;
    opacity:.12!important;
  }
}