:root {
  --surface: #ffffff;
  --surface-alt: #f6f7f8;
  --line-weak: rgba(0,0,0,.12);
  --line-mid: rgba(0,0,0,.18);
  --risk-bg: rgba(178,34,34, .06);
  --radius: 10px;
}
.wo_section_content h1 {  font-weight: 700; line-height: 1; color: var(--color_black); text-align: left; border-bottom: 8px solid var(--color_troublemaker); display: inline-block; width: auto; margin-bottom: 2rem; }
.tools_intro { margin-bottom: 1rem; color: #000; font-weight: 600; }
.tools_stack { display: flex; flex-direction: column; gap: 1.5rem; z-index: 3;}
.tool_card { background: var(--surface); border: 1px solid var(--line-weak); border-radius: var(--radius); padding: 1.1rem; }
.tool_card__header { display:flex; align-items:center; gap:.8rem; margin-bottom:.6rem; }
.tool_card__step {
  width: 2rem; height: 2rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--color_black); color: var(--color_troublemaker);
  font-weight: 900; }
.tool_card__header h3 { margin:0; line-height:1.1; font-weight:900; color:#000; }
.tool_card__subtitle { margin:.25rem 0 0; font-size:.95rem; color:#333; font-weight:600; }
.cta_empfehlung { font-weight: 900; color: var(--color_black); margin-bottom: 0.5rem; font-size: 1.4rem; margin-top: 2rem;}
.segmented {
  display:inline-flex; gap:.25rem; background:var(--surface-alt);
  border:1px solid var(--line-weak); border-radius:999px; padding:.25rem;
  margin:.25rem 0 1rem;
}
.segmented__btn {
  border:1px solid transparent; background:transparent; cursor:pointer;
  padding:.45rem .8rem; border-radius:999px; font-weight:700;
  transition: transform .15s ease-in-out, background .2s, border-color .2s;
  will-change: transform;
}
.segmented__btn i { margin-right:.45rem; color:var(--color_primary); }
.segmented__btn:hover { transform: scale(1.1); }
.segmented__btn.is-active { background:var(--color_troublemaker); border-color:#000; color:#000; }
.tool_label { font-weight:700; display:block; margin-bottom:.25rem; color:var(--color_primary); }
.req { color: var(--color_primary); font-weight: 900; }
.tool_input, .tool_textarea { margin-bottom:.5rem; }
.tool_btn { display:inline-block; margin-top:.25rem; margin-right:.5rem; }
.tool_hint { font-size:.85rem; color:#333; margin-top:.5rem; font-weight:600; }
.tool_loading { display:inline-flex; align-items:center; gap:.6rem; font-weight:700; color:var(--color_primary); margin-top:.5rem; }
.spinner { width:18px; height:18px; border:2px solid #000; border-right-color:transparent; border-radius:50%; animation: spin .9s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.tool_result { margin-top: 20px; }
.table_wrap { margin-top:1rem; }
.audit_table { width:100%; border-collapse:collapse; }
.audit_table thead { display:none; }
.audit_table tr { display:block; margin-bottom:.8rem; border:1px solid var(--line-weak); border-radius:8px; overflow:hidden; background:var(--surface-alt); }
.audit_table td { display:grid; grid-template-columns:140px 1fr; gap:.75rem; padding:.6rem .8rem; border-bottom:1px dashed rgba(0,0,0,.08); }
.audit_table td:last-child { border-bottom:0; }
.audit_table td::before { content: attr(data-label); font-weight:900; color:var(--color_primary); }
.badge { display:inline-flex; align-items:center; gap:.4rem; padding:.2rem .6rem; border-radius:999px; font-weight:800; font-size:.85rem; border:1px solid var(--line-mid); }
.badge--ok   { background: #4cff64; color:#000; border-color:#000; }
.badge--info { background:#ffff99; color:#000; border-color:#000; }
.badge--risk { background: var(--risk-bg); color:#000; border-color:#B22222; }
.row--ok   { border-left:6px solid var(--color_troublemaker); }
.row--info { border-left:6px solid var(--color_primary); }
.row--risk { border-left:6px solid #B22222; background: var(--risk-bg); }
.cta_card { margin-top:1rem;border-radius:12px; margin-bottom: 30px;  }
.cta_card--highlight {
  position: relative;
  background: var(--surface);
  border: 2px solid #000;
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
  padding: 1.1rem 1rem 1rem 1.1rem;
  -webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}
.cta_card--highlight .cta_edge {
  position:absolute; inset:0 auto 0 0; width:8px;
  background: var(--color_primary);
  border-top-left-radius:10px; border-bottom-left-radius:10px;
}
.cta_card--highlight{ overflow: hidden; isolation: isolate; }
.cta_card--highlight::before{
  content:"";
  position:absolute; inset:-1px;
  pointer-events:none;
  background: linear-gradient(110deg,
              transparent 0%,
              rgba(101, 169, 255,.08) 40%,
              rgba(101, 169, 255,.22) 50%,
              rgba(101, 169, 255,.08) 60%,
              transparent 100%);
  transform: translateX(-120%);
  opacity: 0;
  will-change: transform, opacity;
  animation: cta-sheen 7s ease-in-out infinite;
}
@keyframes cta-sheen{
  0%   { transform: translateX(-120%); opacity:0; }
  8%   { opacity:.85; }
  16%  { transform: translateX(120%); opacity:0; }
  100% { transform: translateX(120%); opacity:0; } 
}
.cta_header { margin-bottom:0.5rem; }
.cta_badge {
  display:inline-flex; align-items:center; gap:.4rem; font-weight:900; font-size:.85rem;
  padding:.25rem .6rem; border-radius:999px; background: var(--color_primary); color:#fff;
  margin-bottom:20px; }
.cta_badge i { margin-right:.25rem; }
.cta_badge--risk { background: #B22222; border-color:#B22222; color: #fff;}
.cta_title { font-weight:900; font-size:1.15rem; color:#000; }
.cta_lead { margin:.25rem 0 .6rem; font-weight:700; color:#000; }
.cta_list { display:grid; gap:.35rem; margin: 0px; margin-top: 30px; margin-bottom: 30px; }
.cta_list li {
  display:flex; align-items:center; gap:.45rem; font-weight:800; color:#000;
  background: var(--surface-alt); border:1px solid var(--line-weak);
  padding:.4rem .55rem; border-radius:999px;
}
.cta_list li i { color: var(--color_primary); }
.cta_actions { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.6rem; }
.a_cta_button:hover { transform: scale(1.1); } 
.a_cta_button--dark { background: var(--color_black) !important; color: var(--color_troublemaker) !important; border-color: var(--color_black) !important; }
.a_cta_button--dark:hover { background: var(--color_troublemaker) !important; color: var(--color_black) !important; border-color: var(--color_troublemaker) !important; }
.tool_btn--ghost { background:#fff; border:1px solid var(--line-mid); color:#000; border-radius:999px; padding:.55rem 1rem; font-weight:800; cursor:pointer; transition: all 0.5s ease-in-out; will-change: transform; }
.tool_btn--ghost:hover { transform: scale(1.1); }
.cta_action_button {
  display:inline-block; padding:.55rem 1rem; background:var(--color_troublemaker); color:#000; border-radius:1.5rem;
  font-weight:800; text-decoration:none;  transition: all 0.5s ease-in-out; border:2px solid var(--color_black);
}
#tool_org_quiz { margin-bottom: 60px;}
.cta_action_button:hover { transform: scale(1.1); }
.quiz_list { display:grid; gap:.6rem; margin-top:20px; margin-bottom: 20px; }
.quiz_item { border:1px solid var(--line-weak); border-radius:8px; background:var(--surface-alt); padding:.75rem; display:grid; gap:.55rem; }
.quiz_q { font-weight:800; color:#000; }
.quiz_controls { display:inline-flex; gap:.4rem; flex-wrap:wrap; }
.quiz_btn { border:1px solid var(--line-mid); background:#fff; color:#000; border-radius:999px; padding:.4rem .8rem; font-weight:800; cursor:pointer;  transition: all 0.5s ease-in-out; }
.quiz_btn:hover { transform: scale(1.1); }
.quiz_btn.is-yes { background: #4cff64; border-color:#000; }
.quiz_btn.is-no  { background: var(--risk-bg); border-color:#B22222; }
.quiz_flag { display:inline-flex; align-items:center; gap:.4rem; font-weight:800; padding:.2rem .6rem; border-radius:999px; border:1px solid #B22222; color:#000; background: var(--risk-bg); }
.quiz_summary { margin-top:.8rem; padding-top:.6rem; border-top:1px dashed var(--line-weak); opacity:0; transition: opacity .2s ease-in-out; }
.quiz_summary.is-revealed { opacity:1; }
.quiz_summary__stats { display:inline-flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.badge--ok i, .badge--risk i, .badge--info i { margin-right:.25rem; }
.quiz_actions { margin-top:.6rem; }
.tool_smallprint { font-size:.85rem; color:#333; margin-top:.75rem; }
.tool_smallprint a { font-weight: 600; color :var(--color_primary); text-decoration:underline;  transition: all 0.5s ease-in-out;}
.tool_smallprint a:hover { background-color: var(--color_black); color: var(--color_troublemaker); }
@media (min-width: 768px) {
  .audit_table thead { display: table-header-group; }
  .audit_table tr { display: table-row; background: var(--surface-alt); border-radius:0; }
  .audit_table td, .audit_table th { display: table-cell; border:1px solid var(--line-weak); padding:.55rem .6rem; }
  .audit_table td::before { content:none; }
  .audit_table th { text-align:left; font-weight:900; color:#000; background: var(--surface); }
}
.is-hidden { display:none !important; }
[hidden] { display:none !important; }

@media (max-width: 450px) {
  .audit_table td {
    display: block;              
    padding: .5rem .6rem;
  }
  .audit_table td::before {
    display: block;              
    margin-bottom: .25rem;
    font-weight: 900;
    color: var(--color_primary);
  }
}
#audit_result, #quiz_cta { scroll-margin-top:72px; }