/* Schläger und Bälle leihen · 26.10.2026 (Timur: „auf der Webseite das mit den Schlägern unbedingt“).
   Fakten aus der Hallen-Hilfeseite (/hilfe, Stand 20.10.): Schläger 5 €, dazu 45 € Kaution vorgemerkt,
   Rückgabe innerhalb von 6 Stunden, dann nur 5 € abgebucht; Bälle 6,50 €; Automat in der Halle.
   Bild: echter padelsmart-Schläger (SIGNATURE-KARUSSELL-2026-10-04/photos/racket-signature.png), kein 3D/KI.
   .leihe      = Abschnitt der Startseite (zwischen „Hier wird gespielt.“ und Presse)
   .leihe-mini = kurzer Block auf den Standortseiten Trier und Bruchsal */

.leihe{padding:clamp(56px,8vw,110px) 0 clamp(40px,6vw,80px)}
.leihe-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,72px);align-items:center}
.leihe-kicker{display:inline-flex;align-items:center;gap:9px;font:700 11.5px/1 'Inter',sans-serif;letter-spacing:.22em;
  text-transform:uppercase;color:var(--brand-2,#AA78FA)}
.leihe-kicker i{width:7px;height:7px;border-radius:50%;background:var(--neon,#C5F733);box-shadow:0 0 8px rgba(197,247,51,.8)}
.leihe h2{font-family:'Baloo 2',sans-serif;font-weight:800;font-size:clamp(32px,4.6vw,54px);line-height:1.04;
  letter-spacing:-.02em;color:#fff;margin:14px 0 0}
.leihe h2 em{display:block;font-family:'Saira',sans-serif;font-style:italic;font-weight:700;color:var(--neon,#C5F733)}
.leihe-lead{color:rgba(236,233,245,.82);font-size:clamp(15px,1.6vw,17.5px);line-height:1.6;margin:16px 0 0;max-width:46ch}
.leihe-preise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.leihe-preise>div{background:rgba(123,44,247,.14);border:1px solid rgba(170,120,250,.34);border-radius:18px;padding:16px 16px 15px}
.leihe-preise b{display:block;font-family:'Baloo 2',sans-serif;font-weight:800;font-size:clamp(26px,3vw,34px);line-height:1;color:#fff;white-space:nowrap}
.leihe-preise>div:first-child b{color:var(--neon,#C5F733)}
.leihe-preise span{display:block;font-weight:700;font-size:14px;color:#fff;margin-top:8px}
.leihe-preise small{display:block;font-size:12.5px;line-height:1.45;color:rgba(236,233,245,.66);margin-top:4px}
.leihe-note{font-size:12px;line-height:1.6;color:rgba(255,255,255,.52);margin:16px 0 0;max-width:60ch}
.leihe-bild{position:relative;margin:0;display:flex;justify-content:center;align-items:center;min-height:100%}
.leihe-bild::before{content:'';position:absolute;width:78%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(123,44,247,.55),rgba(123,44,247,.18) 60%,transparent);filter:blur(6px)}
.leihe-bild img{position:relative;width:min(300px,62%);height:auto;display:block;transform:rotate(-12deg);
  filter:drop-shadow(0 34px 44px rgba(0,0,0,.6)) drop-shadow(0 0 40px rgba(123,44,247,.45));animation:leiheSchweben 6.5s ease-in-out infinite}
.leihe-bild figcaption{position:absolute;right:6%;bottom:6%;font:700 11.5px/1 'Inter',sans-serif;color:#12042A;background:var(--neon,#C5F733);
  padding:7px 12px;border-radius:99px;transform:rotate(-4deg)}
@keyframes leiheSchweben{0%,100%{transform:rotate(-12deg) translateY(-6px)}50%{transform:rotate(-9deg) translateY(8px)}}
@media (prefers-reduced-motion:reduce){.leihe-bild img{animation:none}}
@media (max-width:900px){
  .leihe-in{grid-template-columns:1fr}
  .leihe-bild{order:-1;min-height:0;padding:6px 0 0}
  .leihe-bild img{width:min(200px,48vw)}
  .leihe-txt{text-align:center}
  .leihe-lead,.leihe-note{margin-left:auto;margin-right:auto}
  .leihe-preise{grid-template-columns:1fr;gap:9px;text-align:left}
  .leihe-preise>div{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:13px 16px}
  .leihe-preise b{grid-row:span 2;font-size:26px;min-width:76px}
  .leihe-preise span{margin-top:0}
  .leihe-preise small{margin-top:2px}
}

/* ── Standortseiten ─────────────────────────────────────────────────────── */
.leihe-mini{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,3vw,32px);align-items:center;margin-top:44px;
  background:rgba(123,44,247,.12);border:1px solid rgba(170,120,250,.32);border-radius:24px;padding:clamp(18px,3vw,28px) clamp(18px,3vw,32px)}
.leihe-mini img{width:clamp(70px,9vw,104px);height:auto;display:block;transform:rotate(-12deg);
  filter:drop-shadow(0 16px 22px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(123,44,247,.45))}
.leihe-mini h2{font:800 clamp(24px,3.2vw,34px)/1.05 'Baloo 2',sans-serif;color:#fff;letter-spacing:-.02em;margin:0}
.leihe-mini h2 em{font-family:'Saira',sans-serif;font-style:italic;font-weight:700;color:var(--neon,#C5F733)}
.leihe-mini p{color:rgba(236,233,245,.8);font-size:15px;line-height:1.6;margin:10px 0 0;max-width:62ch}
.leihe-mini p b{color:#fff}
@media (max-width:600px){
  .leihe-mini{grid-template-columns:52px minmax(0,1fr);column-gap:14px;align-items:start;padding:18px 16px 18px 14px}
  .leihe-mini img{width:52px;margin:2px 0 0 4px}
  .leihe-mini h2{font-size:23px}
  .leihe-mini p{font-size:14px}
}