:root { --bg:#0b0f14; --text:#e8f0f7; --brand:#ffd54d; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto; color:#111; background:#fff; }
h1,h2 { margin:0 0 8px; }
.wrap, .middle { padding: 16px; }
.grid { display:grid; gap:12px; grid-template-columns: 1fr 1fr; }
.grid > div { display:flex; flex-direction:column; gap:6px; }
input, select, textarea { width:100%; padding:10px; border:1px solid #ccc; border-radius:8px; }
.checkbox-inline { display:flex; align-items:center; gap:8px; margin:10px 0; }
.actions { margin:16px 0; }
button { padding:10px 16px; border:0; border-radius:10px; background:#0a6; color:#fff; font-weight:600; cursor:pointer; }
button:hover { filter: brightness(0.95); }
.site-header { background:var(--bg); color:var(--text); }
.site-header a.cta { background:var(--brand); color:#222; padding:8px 12px; border-radius:999px; text-decoration:none; font-weight:700; }
.site-footer { margin:40px 0; color:#555; }
.site-footer a { color:inherit; }
/* Zusatz: Tagline in Weiß */
.site-header  .tagline {
  color: #ffffff; important;
}
/* hübscher Consent-Block */
.consent-card{
  border:1px solid #e8efe9;
  border-left:4px solid var(--brand);
  border-radius:12px;
  padding:14px 16px;
  background:#f6fbf8;
  box-shadow:0 1px 6px rgba(0,0,0,.04);
  margin-top:16px;
}
.consent-card h4{
  margin:0 0 10px;
  font-size:1.05rem;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:8px;
}
.consent-card h4::before{
  content:"📬";
  font-size:1.1em;
  line-height:1;
}

/* zweispaltig bei breiter Ansicht */
.consent-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 18px;
  align-items:start;
}
@media (max-width:640px){
  .consent-grid{ grid-template-columns:1fr; }
}

/* Checkbox-Karten */
.checkbox-inline{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0;
  padding:12px 14px;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:10px;
  font-weight:500;
}
.checkbox-inline input{
  margin-top:2px;
  transform:scale(1.15);
}
.checkbox-inline strong{ font-weight:800; }

.consent-card .sub{
  margin:8px 2px 0;
  font-size:.9rem;
  color:#666;
}

/* Button auf Mobile bildschirmbreit */
@media (max-width:640px){
  .actions button[type="submit"]{ width:100%; }
}



