/* Basis */
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
  background: #f7f7f2;
  color: #222;
}

/* Header (wie deine Download-Seite) */
header { background:#fff; box-shadow:0 2px 4px rgba(0,0,0,.08); }
.header-container {
  max-width:1100px; margin:0 auto;
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 2rem;
}
.logo-area { display:flex; align-items:center; gap:.6rem; }
.logo { height:36px; }
.company-name { font-weight:600; color:#2d572c; letter-spacing:.5px; }
nav ul { list-style:none; display:flex; gap:2rem; margin:0; padding:0; }
nav a { text-decoration:none; color:#222; font-weight:500; }
nav a.active, nav a:hover { color:#007f3d; }

/* Card */
.content{
  max-width:900px; margin:4rem auto; background:#fff; border-radius:8px;
  padding:2rem 2.2rem; box-shadow:0 2px 12px rgba(0,0,0,.06);
}
.content h1{ color:#2d572c; margin-top:0; }

/* Formular */
.grid{
  display:grid; grid-template-columns:1fr 1fr; gap:1.2rem 1.4rem; margin-top:1.2rem;
}
.field{ display:flex; flex-direction:column; }
.field-full{ grid-column:1 / -1; }
label{ font-weight:600; margin-bottom:.35rem; }
input[type=text], input[type=email], input[type=file], select, textarea{
  border:1px solid #dcdcd4; border-radius:6px; padding:.7rem .8rem; font-size:1rem;
  background:#fff;
}
textarea{ resize:vertical; }

.checkbox label{ font-weight:400; display:flex; gap:.6rem; align-items:flex-start; }
.checkbox input{ margin-top:.2rem; }

.hint{ color:#666; font-size:.85rem; }
.error{ color:#b00020; font-size:.85rem; min-height:1.1em; }

.actions{ display:flex; gap:.8rem; margin-top:1rem; }
.btn-primary{
  background:#007f3d; color:#fff; border:none; padding:.8rem 1.4rem; border-radius:6px;
  font-weight:700; cursor:pointer;
}
.btn-primary:hover{ background:#009e4f; }
.btn-secondary{
  background:#eef1ea; color:#234; border:1px solid #d3d7cd; padding:.8rem 1.1rem; border-radius:6px;
  cursor:pointer;
}
.status{ margin-top:1rem; font-weight:600; }

/* Honeypot verstecken (aber für Screenreader ausblenden) */
.honeypot{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

/* Footer */
footer{ background:#fff; text-align:center; padding:1rem 0; color:#555; border-top:1px solid #ddd; }

/* Responsiv */
@media (max-width: 780px){
  .grid{ grid-template-columns:1fr; }
}