/* --- Schutzschicht: neutralisiert Theme-Regeln, auch solche mit !important --- */
.wfi-check, .wfi-check *{
  box-sizing:border-box !important;
  font-style:normal !important;
  font-variant:normal !important;
  text-transform:none !important;
  text-align:left !important;
  text-decoration:none !important;
  text-shadow:none !important;
  box-shadow:none !important;
  letter-spacing:normal !important;
  list-style:none !important;
  float:none !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:0 !important;
  vertical-align:baseline !important;
  transform:none;
}
.wfi-check button{
  -webkit-appearance:none !important; appearance:none !important;
  background:none !important; border:0 !important; border-radius:0 !important;
  padding:0 !important; margin:0 !important; width:auto !important; height:auto !important;
  color:inherit !important; font:inherit !important; cursor:pointer;
}
.wfi-check a, .wfi-check a:hover, .wfi-check a:focus{
  background:none !important; color:inherit !important; text-decoration:none !important;
}

/* --- der Block selbst --- */
.wfi-check{
  --wfi-tief:#103A3D; --wfi-petrol:#1B585D; --wfi-hell:#6BACAF;
  --wfi-terra:#9E5836; --wfi-terra-hell:#D49A7B; --wfi-schnee:#FBF8F3;
  position:relative !important; overflow:hidden !important; isolation:isolate;
  display:block !important;
  background:var(--wfi-tief) !important; color:var(--wfi-schnee) !important;
  padding:44px 40px 40px !important; margin:0 !important;
  border:0 !important; border-top:2px solid var(--wfi-terra) !important; border-radius:2px !important;
  font-family:"IBM Plex Sans","Source Sans 3","Segoe UI",Arial,sans-serif !important;
  font-size:16px !important; font-weight:400 !important; line-height:1.7 !important;
}
.wfi-check .wfi-art{position:absolute !important; inset:0; z-index:-1; pointer-events:none}
.wfi-check .wfi-strip{
  position:absolute !important; top:0; right:0; width:38px; height:100%;
  background:var(--wfi-petrol) !important; display:block !important;
}

.wfi-check .wfi-label{
  font-family:Poppins,Montserrat,"Segoe UI",Arial,sans-serif !important;
  font-weight:500 !important; font-size:11px !important;
  letter-spacing:.22em !important; text-transform:uppercase !important;
  color:var(--wfi-terra-hell) !important; line-height:1.5 !important;
  margin:0 0 12px !important; padding:0 !important;
}
.wfi-check .wfi-h{
  font-family:Poppins,Montserrat,"Segoe UI",Arial,sans-serif !important;
  font-weight:600 !important; font-size:clamp(25px,3.6vw,34px) !important;
  letter-spacing:-.02em !important; line-height:1.18 !important;
  color:var(--wfi-schnee) !important; margin:0 0 14px !important; padding:0 !important;
}
.wfi-check .wfi-lead{
  font-weight:300 !important; font-size:17px !important; line-height:1.6 !important;
  color:rgba(251,248,243,.82) !important; max-width:56ch !important;
  margin:0 0 30px !important; padding:0 !important;
}
.wfi-check .wfi-frage{margin:0 0 26px !important; padding:0 !important; display:block !important}
.wfi-check .wfi-q{
  font-family:Poppins,Montserrat,"Segoe UI",Arial,sans-serif !important;
  font-weight:500 !important; font-size:18px !important; line-height:1.4 !important;
  color:var(--wfi-schnee) !important; margin:0 0 12px !important; padding:0 !important;
  display:flex !important; align-items:baseline; gap:11px;
}
.wfi-check .wfi-n{
  font-family:Poppins,Montserrat,sans-serif !important; font-weight:600 !important;
  font-size:12px !important; letter-spacing:.1em !important;
  color:var(--wfi-terra-hell) !important;
  border:1px solid var(--wfi-terra-hell) !important; border-radius:3px !important;
  padding:1px 8px !important; flex:none; display:inline-block !important;
}
.wfi-check .wfi-hint{
  font-size:14px !important; font-weight:400 !important; line-height:1.5 !important;
  color:rgba(251,248,243,.6) !important; margin:-6px 0 12px !important; padding:0 !important;
}
.wfi-check .wfi-opts{display:flex !important; flex-wrap:wrap; gap:8px; margin:0 !important; padding:0 !important}
.wfi-check .wfi-opt{
  display:inline-block !important;
  border:1px solid rgba(212,154,123,.45) !important; border-radius:3px !important;
  background:rgba(251,248,243,.06) !important; color:var(--wfi-schnee) !important;
  font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif !important;
  font-size:15px !important; font-weight:400 !important; line-height:1.25 !important;
  padding:9px 15px !important; margin:0 !important;
  transition:background .12s, border-color .12s, color .12s;
}
.wfi-check .wfi-opt:hover{border-color:var(--wfi-hell) !important; background:rgba(251,248,243,.1) !important}
.wfi-check .wfi-opt[aria-pressed="true"]{
  background:var(--wfi-terra-hell) !important; border-color:var(--wfi-terra-hell) !important;
  color:var(--wfi-tief) !important; font-weight:500 !important;
}
.wfi-check .wfi-opt:focus-visible, .wfi-check .wfi-btn:focus-visible{
  outline:2px solid var(--wfi-terra-hell) !important; outline-offset:2px;
}
.wfi-check .wfi-zu{display:none !important}
.wfi-check .wfi-auf{display:block !important; animation:wfiAuf .28s ease-out}
@keyframes wfiAuf{from{opacity:0; transform:translateY(-6px)} to{opacity:1; transform:none}}

.wfi-check .wfi-aktion{margin:34px 0 0 !important; padding:0 !important; display:block !important}
.wfi-check .wfi-btn{
  display:inline-block !important;
  border:1px solid var(--wfi-terra-hell) !important; border-radius:3px !important;
  background:transparent !important; color:var(--wfi-schnee) !important;
  font-family:Poppins,Montserrat,"Segoe UI",Arial,sans-serif !important;
  font-weight:500 !important; font-size:13px !important;
  letter-spacing:.14em !important; text-transform:uppercase !important; line-height:1.3 !important;
  padding:14px 26px !important; margin:0 !important; cursor:pointer; transition:background .12s;
}
.wfi-check .wfi-btn:hover{background:rgba(212,154,123,.16) !important; color:var(--wfi-schnee) !important}
.wfi-check .wfi-btn.wfi-voll{background:var(--wfi-terra-hell) !important; color:var(--wfi-tief) !important}
.wfi-check .wfi-btn.wfi-voll:hover{background:#E0AC90 !important; color:var(--wfi-tief) !important}
.wfi-check .wfi-fein{
  font-size:13.5px !important; font-weight:400 !important; line-height:1.6 !important;
  color:rgba(251,248,243,.6) !important; margin:16px 0 0 !important; padding:0 !important;
}

@media (max-width:640px){
  .wfi-check{padding:32px 22px 30px !important}
  .wfi-check .wfi-strip{width:20px}
  .wfi-check .wfi-btn{display:block !important; width:100% !important; text-align:center !important}
}
@media (prefers-reduced-motion:reduce){
  .wfi-check .wfi-auf{animation:none}
  .wfi-check .wfi-opt, .wfi-check .wfi-btn{transition:none}
}

/* ---- Website Oktober 2026: weichere Form wie Kosten-Check v4 ---- */
.wfi-check{border-top:0 !important;border-radius:24px !important;padding:40px 40px 38px !important;height:100%}
.wfi-check .wfi-strip{display:none !important}
.wfi-check .wfi-label{letter-spacing:.12em !important;font-size:12px !important}
.wfi-check .wfi-n{border-radius:999px !important;padding:1px 9px !important}
.wfi-check .wfi-opt{border-radius:999px !important;padding:9px 17px !important}
.wfi-check .wfi-btn{border-radius:999px !important;text-transform:none !important;letter-spacing:.01em !important;font-size:15px !important;padding:13px 26px !important}
@media (max-width:640px){.wfi-check{padding:30px 22px 28px !important}}

/* Website: Schutz gegen Zeilenumbruch am Bindestrich, Schrift erbt vom Label */
.wfi-check .nw{text-transform:inherit !important;letter-spacing:inherit !important}