:root {
      --accent:#8b2f1a;
      --accent-2:#d18b4a;
      --bg:#f7f5f0;
      --muted:#666;
      font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial
    }
    * { box-sizing:border-box; }
    body {
      margin:0;
      color:#222;
      background:var(--bg);
      line-height:1.45;
    }
    header { background:#fff; border-bottom:1px solid #eee; }
    .wrap { max-width:1100px; margin:0 auto; padding:20px; }
    /* Hero */
    .hero {
      display:grid;
      grid-template-columns:1fr 420px;
      gap:24px;
      align-items:center;
    }
    .hero .text h1 {
      font-size:clamp(26px,4.2vw,40px);
      margin:0 0 12px;
      color:var(--accent);
    }
    .hero p.lead { margin:0 0 18px; color:#333; }
    .hero .cta { display:flex; gap:12px; flex-wrap:wrap; }
    .btn {
      display:inline-block;
      background:var(--accent);
      color:#fff;
      padding:10px 16px;
      border-radius:6px;
      text-decoration:none;
      font-weight:600;
    }
    .btn.secondary {
      background:transparent;
      color:var(--accent);
      border:2px solid var(--accent);
    }
    .hero .img {
      border-radius:8px;
      overflow:hidden;
    }
    .hero .img img {
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }
    /* grid cards */
    .grid3 {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:30px;
    }
    .card {
      background:#fff;
      padding:14px;
      border-radius:8px;
      border:1px solid #eee;
    }
    .card h3 { margin:0 0 8px; color:var(--accent); }
	
	.spenden-button {
	  display: inline-block;
	  padding: 12px 20px;
	  margin-top: 10px;
	  background-color: #0070ba;
	  color: white;
	  font-size: 18px;
	  font-weight: bold;
	  border-radius: 6px;
	  text-decoration: none;
	  transition: background-color 0.3s ease;
	}

	.spenden-button:hover {
	  background-color: #005a94;
	}
	.paypal-logo {
	  height: 24px;
	  margin-right: 10px;
	}

    /* donate */
    .donate {
      background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 100%);
      color:#fff;
      padding:18px;
      border-radius:8px;
      margin-top:22px;
    }
    .donate .donbtn {
      background:#fff;
      color:var(--accent);
      padding:10px 14px;
      border-radius:6px;
      text-decoration:none;
      font-weight:700;
    }
    /* gallery */
    .gallery { display:flex; gap:12px; margin-top:22px; }
    .gallery .thumb {
      flex:1;
      border-radius:6px;
      overflow:hidden;
      height:140px;
    }
    .gallery .thumb img {
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }
    /* footer */
    footer {
      margin-top:28px;
      padding:18px 20px;
      background:#fff;
      border-top:1px solid #eee;
    }
    .muted { color:var(--muted); font-size:14px; }
    /* responsive */
    @media (max-width:900px) {
      .hero { grid-template-columns:1fr; }
      .hero .img { height:220px; }
      .grid3 { grid-template-columns:1fr; }
      .gallery { flex-direction:column; }
      .wrap { padding:14px; }
    }