/* =========================================================
   revolution.css — Content Page Styling (Grüne Revolution)
   Requires: base.css + components.css + home.css
   ========================================================= */

   main.section.compact{ padding-top: 120px; }

   main h2{ letter-spacing: -0.02em; }
   main h3{ margin-top: 18px; }
   
   main p,
   main li{
     color: rgba(8,19,15,.78);
     line-height: 1.75;
   }
   
   main a{
     color: rgba(8,19,15,.92);
     text-decoration: none;
     border-bottom: 1px solid rgba(22,193,114,.35);
   }
   main a:hover{ border-bottom-color: rgba(22,193,114,.70); }
   
   /* Donate block */
   .donate-head{
     display:flex;
     align-items:center;
     justify-content:space-between;
     gap: 12px;
     flex-wrap: wrap;
   }
   .donate-badges{ display:flex; gap:10px; align-items:center; }
   
   .pay-badge{
     display:inline-flex;
     align-items:center;
     gap:10px;
     padding: 10px 12px;
     border-radius: 999px;
     border: 1px solid rgba(8,19,15,.10);
     background: rgba(255,255,255,.85);
     color: rgba(8,19,15,.78);
     font-size: 13px;
   }
   .pay-logo{ height: 18px; width: auto; display:block; }
   
   .donate-grid{
     display:grid;
     grid-template-columns: 1fr 1fr;
     gap: 14px;
   }
   .donate-card{
     border-radius: 18px;
     border: 1px solid rgba(8,19,15,.08);
     background: rgba(255,255,255,.92);
     box-shadow: 0 14px 45px rgba(8,19,15,.08);
     padding: 16px;
   }
   .donate-line{
     display:flex;
     justify-content:space-between;
     align-items:baseline;
     gap: 12px;
     padding: 10px 0;
     border-bottom: 1px solid rgba(8,19,15,.06);
   }
   .donate-line:last-child{ border-bottom: 0; }
   .donate-line span{ color: rgba(8,19,15,.60); font-size: 13px; }
   .donate-line strong{ color: rgba(8,19,15,.92); font-weight: 800; }
   
   .hint{
     border-radius: 18px;
     border: 1px solid rgba(22,193,114,.22);
     background: rgba(22,193,114,.08);
     padding: 14px;
     color: rgba(8,19,15,.78);
     line-height: 1.65;
   }
   .hint code{
     padding: 2px 6px;
     border-radius: 8px;
     background: rgba(255,255,255,.70);
     border: 1px solid rgba(8,19,15,.08);
   }
   
   /* Responsive */
   @media (max-width: 720px){
     main.section.compact{ padding-top: 104px; }
     .panel.pad-lg{ padding: 24px; }
     .donate-grid{ grid-template-columns: 1fr; }
   }




   /* Pitch-Box */
.pitch-box{
  border: 1px solid rgba(8,19,15,.08);
  background: rgba(255,255,255,.94);
  box-shadow: 0 14px 45px rgba(8,19,15,.08);
}

.pitch-copy p{
  margin: 0;
  color: rgba(8,19,15,.78);
  line-height: 1.8;
}

.pitch-copy p + p{
  margin-top: 14px;
}

.pitch-copy strong{
  color: rgba(8,19,15,.92);
  font-weight: 800;
}



/* PayPal-Logo als klickbares Tile */
a.paypal-box{
  text-decoration: none;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

a.paypal-box:hover{
  transform: translateY(-1px);
  border-color: rgba(22,193,114,.25);
  box-shadow: 0 18px 55px rgba(8,19,15,.10);
}

a.paypal-box:active{
  transform: translateY(0px);
}