/**
 * LiMA Landing – Startseiten-Template (template.lima-landing.php)
 * Alle Klassen mit ll-Präfix + unter .ll gescopt, damit nichts mit dem
 * Theme oder dem migrierten Customizer-CSS (globale section/h1/a/.btn) kollidiert.
 * Fonts: bewusst KEINE Custom-Fonts – erbt die Theme-Font (Arial/System).
 */

/* Full-Bleed: Theme-Container #page auf der Landing entsperren (max-width 1240 + zentriert),
   Nav bleibt unberührt (liegt außerhalb #page). .site-main-Padding raus. */
/* padding-!important aus small.desktop.css muss hier weichen, sonst
   bleibt links/rechts ein 10px-Rand statt Full-Bleed */
body.lima-landing-page #page{max-width:none;margin:0;width:100%;padding-left:0!important;padding-right:0!important}
body.lima-landing-page .site-main{padding:0}
.ll{margin:0}
.ll, .ll *{box-sizing:border-box}

/* (Font und Footer site-weit in override.css bzw. footer.php.) */

/* globale Störer aus dem Customizer-CSS innerhalb der Landing neutralisieren */
.ll section{max-width:none;width:auto;margin:0;padding:0;background:none}
.ll h1,.ll h2,.ll h3{margin:0;text-align:left;font-weight:800;line-height:1.08;letter-spacing:-.01em}
.ll p{margin:0}
.ll a{text-decoration:none}

.ll-wrap{max-width:1180px;margin:0 auto;padding:0 24px;width:100%}
.ll .ll-band{padding:74px 0}
.ll-eyebrow{color:#e30613;font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase}

/* Buttons */
.ll-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;padding:12px 22px;border-radius:11px;border:0;cursor:pointer;transition:transform .12s,box-shadow .2s,filter .2s;white-space:nowrap;text-decoration:none}
.ll-btn--red{background:#e30613;color:#fff;box-shadow:0 6px 16px -6px rgba(227,6,19,.5)}
.ll-btn--red:hover{background:#b3050f;color:#fff;transform:translateY(-1px)}
.ll-btn--purple{background:#5b2d8e;color:#fff}
.ll-btn--purple:hover{background:#4a2375;color:#fff;transform:translateY(-1px)}
.ll-btn--lg{padding:15px 28px;font-size:16.5px;border-radius:13px}

/* 1. HERO */
.ll-hero{position:relative;overflow:hidden;color:#fff;background:#161211}
/* Bild-URL steht im Template (get_template_directory_uri), damit die
   Landing nicht am crowdfunding-Plugin haengt */
.ll-hero__img{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.95)}
.ll-hero__ov{position:absolute;inset:0;background:linear-gradient(100deg,rgba(20,17,15,.93) 0%,rgba(91,45,142,.8) 50%,rgba(227,6,19,.6) 100%)}
.ll-hero__in{position:relative;max-width:720px;padding:92px 0 100px}
.ll-hero__lima{display:block;font-weight:800;font-size:clamp(20px,2.4vw,27px);color:#fff;letter-spacing:.02em;margin:0 0 4px;opacity:.95}
.ll-hero h1{font-size:clamp(44px,7vw,84px);font-weight:800;color:#fff}
.ll-hero__facts{margin:22px 0 0;font-size:clamp(16px,1.9vw,20px);font-weight:700;color:rgba(255,255,255,.96)}
.ll-hero__sub{font-size:17px;color:rgba(255,255,255,.86);margin:10px 0 0;max-width:560px;line-height:1.6}
.ll-hero__cta{margin-top:30px}

/* 2. Vertrauen + Partner */
.ll-trust{background:#f6f2ea;text-align:center}
.ll-trust__claim{font-weight:700;font-size:clamp(15px,1.8vw,18px);color:#161211}
.ll-trust__claim b{color:#e30613}

/* 3. Über uns */
.ll-about{text-align:center}
.ll-about h2{font-size:clamp(28px,4vw,42px);font-weight:800;margin:12px 0 20px;text-align:center}
.ll-about p{color:#3a332f;font-size:17px;max-width:820px;margin:0 auto 14px;line-height:1.7}
.ll-about .hl{color:#5b2d8e;font-weight:700}
.ll-about p a{color:#5b2d8e;font-weight:600}
.ll-about__pics{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:880px;margin:34px auto 0}
.ll-about__pics figure{margin:0;overflow:hidden;border-radius:14px}
.ll-about__pics img{display:block;width:100%;height:260px;object-fit:cover;transition:transform .4s ease}
.ll-about__pics figure:hover img{transform:scale(1.04)}
@media(max-width:700px){
  .ll-about__pics{grid-template-columns:1fr;gap:14px;margin-top:26px}
  .ll-about__pics img{height:210px}
}

/* 4. Newsletter */
.ll-news{background:#f6f2ea;text-align:center}
.ll-news h2{font-size:clamp(24px,3.4vw,34px);font-weight:800;margin:12px 0 8px;text-align:center}
.ll-news p{color:#6d6560;margin:0 0 22px}
/* Newsletter: eingebettetes CF7-Formular (dasselbe wie auf /newsletter/) –
   das Stock-Markup wird hier auf eine Zeile gebracht. */
.ll-news__form{max-width:640px;margin:0 auto}
.ll-news__form .newsletter-form{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}
/* jedes <p> selbst zur Flexbox: sonst ist das Submit-<p> hoeher als der
   Button (Spinner + Zeilenhoehe) und der Button haengt oben an */
.ll-news__form .newsletter-form p{margin:0;display:flex;align-items:center}
/* wpautop erzeugt je nach Formular-Quelltext leere <p> – die wuerden als
   Flex-Item eine ganze Spalte belegen und die Zeile umbrechen lassen */
.ll-news__form .newsletter-form p:not(:has(input)){display:none}
.ll-news__form .newsletter-form p:has(input[type=email]){flex:1 1 240px;min-width:200px}
.ll-news__form label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ll-news__form .newsletter-form br{display:none}
.ll-news__form .wpcf7-form-control-wrap{display:block;width:100%}
/* !important, weil Theme/Customizer-CSS eine feste Input-Breite setzen */
.ll .ll-news__form input[type=email]{width:100%!important;max-width:100%;box-sizing:border-box;height:48px!important;padding:0 16px!important;border:1px solid #d9d2c7;border-radius:11px;font:inherit;background:#fff;line-height:normal;float:none}
.ll-news__form input[type=email]:focus{outline:2px solid #5b2d8e;border-color:#5b2d8e}
/* height/padding mit !important UND .ll-Prefix: es gibt den alten
   „Newsletter Form Button Fix" (.newsletter-form input[type=submit]
   {height:auto!important}) gleich zweimal – in override.css und im
   Customizer-CSS, das als Inline-<style> ganz zuletzt laedt. Bei
   gleicher Spezifitaet gewinnt sonst das Inline-CSS und quetscht den
   Button auf Texthoehe. */
.ll .ll-news__form input[type=submit]{background:#5b2d8e;color:#fff;border:0;border-radius:11px;height:48px!important;padding:0 24px!important;margin:0!important;font:inherit;font-size:15px;font-weight:700;text-transform:none;letter-spacing:0;cursor:pointer;line-height:normal;float:none;white-space:nowrap;transition:background .2s}
.ll-news__form input[type=submit]:hover{background:#4a2375}
.ll-news__form .wpcf7-spinner{margin:0 0 0 8px}
.ll-news__form .wpcf7-response-output{margin:16px 0 0;border-radius:10px;font-size:14.5px;text-align:center;flex-basis:100%}
.ll-news__form .wpcf7-not-valid-tip{font-size:13.5px;text-align:left;margin-top:6px}
/* .ll p{margin:0} weiter oben ist spezifischer als .ll-news__privacy */
.ll p.ll-news__privacy{margin:22px 0 0;font-size:13.5px;color:#7a726d}
.ll-news__privacy a{color:#5b2d8e;text-decoration:underline;text-underline-offset:2px}
.ll-news__privacy a:hover{color:#3f1f63}

/* 5. Schluss-CTA */
.ll-final{position:relative;overflow:hidden;color:#fff;text-align:center;background:#161211}
.ll-final__bg{position:absolute;inset:0;background:linear-gradient(112deg,#5b2d8e 0%,#a01a6c 46%,#e30613 100%)}
.ll-final__in{position:relative;padding:80px 0}
.ll-final h2{font-size:clamp(30px,5vw,52px);font-weight:800;color:#fff;text-align:center}
.ll-final p{font-size:18px;color:rgba(255,255,255,.92);margin:14px 0 28px}

@media(max-width:920px){
  .ll-hero__in{padding:56px 0 64px}
}