/* Fehlermelder */
.hug-fm{
  position:fixed; right:20px; bottom:20px; z-index:99999;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.hug-fm__knopf{
  display:flex; align-items:center; gap:.5rem;
  background:#0161A7; color:#fff; border:0; border-radius:999px;
  padding:.8rem 1.3rem; font-size:.95rem; font-weight:600; cursor:pointer;
  box-shadow:0 6px 20px rgba(0,48,85,.28);
}
.hug-fm__knopf:hover{background:#004b82}
.hug-fm__punkt{width:9px; height:9px; border-radius:50%; background:#E8A33D; display:inline-block}

.hug-fm__fenster{
  position:absolute; right:0; bottom:60px; width:340px;
  background:#fff; border:1px solid #DDE3E8; border-radius:12px;
  box-shadow:0 16px 48px rgba(16,37,56,.22); overflow:hidden;
}
.hug-fm__fenster[hidden]{display:none}
.hug-fm__kopf{
  display:flex; align-items:center; justify-content:space-between;
  background:#003055; color:#fff; padding:.8rem 1rem; font-size:1rem;
}
.hug-fm__zu{
  background:none; border:0; color:#fff; font-size:1.3rem; line-height:1;
  cursor:pointer; padding:0 .2rem;
}
.hug-fm__koerper{padding:1rem}
.hug-fm__seite{
  font-size:.8rem; color:#5A6169; margin:0 0 .9rem; word-break:break-all;
}
.hug-fm__seite span{color:#0161A7}
.hug-fm__label{display:block; font-size:.85rem; font-weight:600; color:#212529; margin:.6rem 0 .25rem}
.hug-fm__feld{
  width:100%; box-sizing:border-box; padding:.6rem .7rem; font:inherit; font-size:.95rem;
  border:1px solid #DDE3E8; border-radius:6px; background:#fff; color:#212529;
}
.hug-fm__feld:focus{border-color:#0161A7; outline:none; box-shadow:0 0 0 3px #e3eef7}
.hug-fm__honig{position:absolute; left:-9999px; width:1px; height:1px; opacity:0}
.hug-fm__meldung{font-size:.85rem; color:#1f7a4d; margin:.7rem 0 0; min-height:1.1em}
.hug-fm__meldung--fehler{color:#b3261e}
.hug-fm__senden{
  width:100%; margin-top:.9rem; background:#0161A7; color:#fff; border:0;
  border-radius:6px; padding:.75rem 1rem; font:inherit; font-weight:600; cursor:pointer;
}
.hug-fm__senden:hover{background:#004b82}
.hug-fm__senden:disabled{opacity:.6; cursor:default}
.hug-fm__beenden{
  width:100%; margin-top:.5rem; background:none; border:0; color:#5A6169;
  font:inherit; font-size:.82rem; cursor:pointer; text-decoration:underline;
}
@media (max-width:480px){
  .hug-fm{right:12px; bottom:12px}
  .hug-fm__fenster{width:calc(100vw - 24px)}
}