/* ============================================================
   BEWERTUNGSFORMULAR IM DUNKLEN STADTSEITEN-DESIGN (DIO 2.7.0)
   Gehört zu [deckert_bewertung]. Überschreibt nur Farben/Radien
   von form.css, Ablauf und Logik bleiben gleich.
   ============================================================ */
.imw.imw--dark{
  --brand:#83b82a; --brand-dk:#94cc36; --brand-soft:rgba(131,184,42,.12);
  --hairline:#2a2c33; --muted:#b3b0a6; --ink:#f5f2e9; --bg-tile:#20232a;
  max-width:none; padding:34px 34px 30px;
  background:#1a1c20; border:1px solid #2a2c33; border-radius:10px;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset, 0 18px 44px rgba(0,0,0,.35);
  color:var(--ink);
}
.imw--dark .imw-prog-lbl{ font-family:inherit; font-size:.8125rem; letter-spacing:1.2px; }
.imw--dark p.imw-sub{ font-size:1rem !important; color:var(--muted) !important; text-align:left !important; }
.imw--dark .imw-tile{
  min-height:104px; font-size:1rem; color:var(--ink);
  background:var(--bg-tile); border:1px solid var(--hairline) !important; border-radius:10px;
}
.imw--dark .imw-tile:hover,
.imw--dark .imw-tile.is-sel{ background:rgba(131,184,42,.1); border-color:var(--brand) !important; }
.imw--dark .imw-tile svg{ stroke:var(--brand); }
.imw--dark input[type="text"], .imw--dark input[type="email"], .imw--dark input[type="tel"],
.imw--dark input[type="number"], .imw--dark textarea{
  background:#15161a !important; border:1px solid var(--hairline) !important; border-radius:10px !important;
  color:var(--ink) !important; font-size:1rem !important;
}
.imw--dark input::placeholder, .imw--dark textarea::placeholder{ color:#8d8a82 !important; }
.imw--dark .imw-stepper{ background:var(--bg-tile); border:1px solid var(--hairline); border-radius:10px; }
.imw--dark .imw-step-btn{ background:#15161a !important; color:var(--ink) !important; border-color:var(--hairline) !important; }
.imw--dark .imw-btn{ border-radius:5px !important; font-size:1rem !important; }
.imw--dark .imw-btn-p{ box-shadow:0 3px 0 #4a7010; }
.imw--dark .imw-btn-g{ color:var(--ink) !important; border-color:var(--hairline) !important; }
.imw--dark .imw-btn-g:hover{ border-color:var(--brand) !important; }
.imw--dark p.imw-legal{ color:var(--muted) !important; text-align:left !important; }
.imw--dark .imw-legal a{ color:var(--brand) !important; }
.imw--dark .imw-success p{ color:var(--muted); text-align:center !important; }
.imw--dark .imw-err{ color:#ff8a7a; }
@media (max-width:560px){ .imw.imw--dark{ padding:22px 18px; } }

/* Helle Variante: [deckert_bewertung design="hell"] (2.10.1) */
.imw.imw--hell{
  --brand:#5f8f1c; --brand-dk:#4a7010; --brand-soft:#eef4e3;
  --hairline:#e3e1d9; --muted:#5c6452; --ink:#1d1f1c; --bg-tile:#f6f5f1;
  max-width:none; padding:34px 34px 30px;
  background:#fff; border:1px solid #e3e1d9; border-radius:10px;
  box-shadow:0 18px 44px rgba(29,31,28,.08);
}
.imw--hell .imw-prog-lbl{ font-family:inherit; font-size:.8125rem; letter-spacing:1.2px; }
.imw--hell p.imw-sub, .imw--hell p.imw-legal{ font-size:1rem !important; color:var(--muted) !important; text-align:left !important; }
.imw--hell .imw-tile{ min-height:104px; font-size:1rem; border:1px solid var(--hairline) !important; border-radius:10px; }
.imw--hell .imw-tile svg{ stroke:var(--brand); }
.imw--hell .imw-btn{ border-radius:5px !important; font-size:1rem !important; }
.imw--hell .imw-btn-p{ box-shadow:0 3px 0 #4a7010; }
.imw--hell .imw-legal a{ color:var(--brand) !important; }
.imw--hell .imw-success p{ text-align:center !important; }
@media (max-width:560px){ .imw.imw--hell, .imw.imw--dark{ padding:22px 18px; } }