/* Vereinsplugin: Minimal modernes Styling */
.vp-protokolle, .vp-projekte, .vp-aufgaben, .vp-abstimmungen, .vp-meinbeitrag,
.vp-projektformular, .vp-projektvorschau, .vp-mitgliedsausweis {
  margin: 32px auto 32px auto;
  width: 100%;
  max-width: 100%;
  padding: 20px 30px;
  background: #fff;
  border-radius: 20px;
  font-family: system-ui,sans-serif;
}
.vp-protokolle ul, .vp-aufgaben ul, .vp-abstimmungen ul, .vp-projekte ul {padding-left: 18px;}
.vp-projekte .vp-projekt-card, .vp-projektbox {
  margin: 15px 0;
  padding: 14px 20px;
  background: #f9fafc;
  border-radius: 12px;
}
.vp-projekt-progress {
  width: 100%; background: #eee; border-radius: 7px; margin: 10px 0;
}
.vp-progress-bar {
  background: linear-gradient(90deg,#2a9fff,#81e7e1);
  color: #222;
  padding: 3px 10px;
  border-radius: 7px;
  font-weight: bold;
  min-width: 40px;
  text-align: left;
  transition: width .4s;
}
.vp-beitritt input[type="text"], .vp-beitritt input[type="email"], .vp-beitritt input[type="date"], .vp-beitritt textarea {
  width: 100%; max-width: 340px; margin-bottom: 6px; border-radius: 7px; border:1px solid #a4c0dd; padding:7px 10px;
}
.vp-beitritt input[type="checkbox"] {margin-right:5px;}
.vp-beitritt button {background:#2a9fff;color:#fff;padding:7px 22px;border-radius:7px;border:none;cursor:pointer;}
.vp-beitritt button:hover {background:#0096d6;}
@media (max-width:700px){
  .vp-protokolle,.vp-projekte,.vp-aufgaben,.vp-abstimmungen,.vp-meinbeitrag,
  .vp-projektformular,.vp-projektvorschau,.vp-mitgliedsausweis{
    padding:12px 3vw;
    max-width:97vw;
  }
}