/*
Theme Name: Liebermann Solutions
Theme URI: https://liebermann-solutions.de
Author: Liebermann Solutions
Description: Maßgeschneidertes Theme für den Veranstaltungstechnikverleih Liebermann Solutions.
Version: 1.0.2
Text Domain: liebermann-solutions
*/

:root{--bg:#181b20;--panel:#22262d;--deep:#111419;--text:#f5f8fc;--muted:#b3bcc9;--ice:#72e6ff;--blue:#427dff;--line:#3a424d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.ls-wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.ls-header{position:absolute;inset:0 0 auto;z-index:3;border-bottom:1px solid #8deaff29;background:#171a1fe8;backdrop-filter:blur(14px)}.ls-nav{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px}.ls-logo{display:block;width:min(410px,44vw);padding:10px 0}.ls-logo img{display:block;width:100%;height:auto}.ls-links{display:flex;gap:26px;align-items:center;font-size:14px}.ls-links>a:not(.ls-button):hover{color:var(--ice)}
.ls-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--ice);background:linear-gradient(135deg,var(--ice),#b5f5ff);color:#0b1820;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px;box-shadow:0 0 26px #6ee7ff22}.ls-button.ls-ghost{background:transparent;color:white;border-color:#8deaff70;box-shadow:none}
.ls-hero{min-height:800px;display:flex;align-items:flex-end;padding:190px 0 95px;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 30%,#3978ff3b 0,transparent 29%),linear-gradient(115deg,#171a1f 24%,#26303d 72%,#171b24 100%)}.ls-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#181b20e8 0%,#181b208f 58%,#181b201f)}.ls-hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--ice),var(--blue),transparent)}.ls-hero .ls-wrap{position:relative;z-index:1}.ls-eyebrow{color:var(--ice);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.ls-hero h1{font-size:clamp(50px,8.4vw,108px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;max-width:990px;margin:22px 0 30px;text-shadow:0 0 45px #6ee7ff13}.ls-hero p{max-width:850px;font-size:19px;color:#d5dce6;margin:0 0 38px}.ls-actions{display:flex;gap:14px;flex-wrap:wrap}
.ls-section{padding:105px 0}.ls-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.ls-section-head h2{font-size:clamp(38px,6vw,70px);line-height:.95;text-transform:uppercase;letter-spacing:-.04em;margin:10px 0 0}.ls-section-head p{max-width:440px;color:var(--muted);margin:0}.ls-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ls-card{min-height:410px;background:linear-gradient(160deg,#2a3039,#1c2026);border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;isolation:isolate;transition:.25s}.ls-card:hover{transform:translateY(-5px);border-color:#6ee7ff77;box-shadow:0 20px 60px #0b0d1180}.ls-card:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(to top,#171b20 5%,#171b20df 42%,#171b2030 100%),var(--ls-logo);background-repeat:no-repeat;background-size:cover,1150px auto}.ls-card.ls-sound:before{background-position:center,bottom left}.ls-card.ls-light:before{background-position:center,bottom right}.ls-card:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--ice),var(--blue),transparent)}.ls-card h3{font-size:30px;margin:0 0 12px;text-transform:uppercase}.ls-card p{color:#d0d7e1;margin:0 0 24px;max-width:510px}.ls-price{font-size:12px;color:var(--ice);font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.ls-band{background:linear-gradient(90deg,var(--ice),var(--blue),var(--ice));color:#091219;padding:28px 0;font-size:clamp(19px,3vw,32px);font-weight:900;text-transform:uppercase;text-align:center;overflow:hidden}.ls-process{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.ls-process h2,.ls-contact h2{font-size:clamp(42px,6vw,76px);line-height:.95;text-transform:uppercase;margin:10px 0 22px}.ls-process>div>p{color:var(--muted);max-width:540px}.ls-steps{border-top:1px solid var(--line)}.ls-step{display:grid;grid-template-columns:52px 1fr;padding:24px 0;border-bottom:1px solid var(--line)}.ls-step b{color:var(--ice)}.ls-step h3{margin:0 0 5px;font-size:19px}.ls-step p{margin:0;color:var(--muted)}
.ls-contact{background:linear-gradient(135deg,#22262d,#14181e)}.ls-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.ls-details{display:grid;gap:12px;margin-top:32px}.ls-details a{display:flex;align-items:center;gap:13px;width:fit-content}.ls-details a:hover{color:var(--ice)}.ls-contact-icon{width:22px;height:22px;flex:0 0 22px;color:var(--ice);stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ls-form{display:grid;gap:13px}.ls-form input,.ls-form textarea{width:100%;background:#171a1f;border:1px solid #465261;color:white;padding:16px;font:inherit}.ls-form input:focus,.ls-form textarea:focus{outline:1px solid var(--ice);border-color:var(--ice)}.ls-form textarea{min-height:135px;resize:vertical}.ls-form small{color:var(--muted)}
.ls-footer{padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.ls-footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ls-legal-header{border-bottom:1px solid #8deaff29;background:#171a1f}.ls-legal-nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.ls-legal-logo{display:block;width:min(360px,55vw)}.ls-legal-logo img{display:block;width:100%;height:auto}.ls-back{color:var(--ice);font-size:14px}.ls-legal-main{padding:72px 0 100px}.ls-legal-main .ls-wrap{max-width:900px}.ls-legal-main h1{font-size:clamp(42px,8vw,76px);line-height:.95;letter-spacing:-.04em;text-transform:uppercase;margin:16px 0 48px}.ls-legal-main h2{font-size:24px;margin:44px 0 12px}.ls-legal-main p{color:var(--muted);margin:0 0 16px}.ls-legal-card{background:linear-gradient(160deg,var(--panel),var(--deep));border:1px solid var(--line);padding:clamp(24px,5vw,48px);box-shadow:0 24px 70px #080a0d55}.ls-accent{border-left:3px solid var(--ice);padding-left:18px}.ls-legal-main a,.ls-legal-footer a{color:var(--ice)}.ls-legal-footer{padding:28px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.ls-legal-footer .ls-wrap{max-width:900px}
@media(max-width:800px){.ls-links a:not(.ls-button){display:none}.ls-nav{min-height:78px}.ls-logo{width:250px}.ls-hero{min-height:720px;padding:160px 0 70px}.ls-hero p{font-size:17px}.ls-cards,.ls-process,.ls-contact-grid{grid-template-columns:1fr}.ls-process,.ls-contact-grid{gap:45px}.ls-card{min-height:340px}.ls-section{padding:76px 0}.ls-section-head{display:block}.ls-section-head p{margin-top:20px}}
@media(max-width:470px){.ls-wrap{width:min(100% - 28px,1180px)}.ls-logo{width:190px}.ls-links .ls-button{padding:11px 13px;font-size:10px}.ls-hero h1{font-size:45px}.ls-legal-nav{min-height:78px}.ls-legal-logo{font-size:13px}.ls-back{font-size:12px}.ls-legal-main{padding-top:52px}}

/* Logo nur im Kopfbereich verwenden, nicht als dekoratives Hintergrundmotiv. */
.ls-card:before{background:radial-gradient(circle at 80% 18%,#427dff2e 0,transparent 35%),linear-gradient(145deg,#29313b,#171b20)}

/* WPForms 13 – angepasst an das ursprüngliche LS-Kontaktformular */
#wpforms-13{margin:0}
#wpforms-13 .wpforms-field-container{display:grid;gap:13px}
#wpforms-13 .wpforms-field{padding:0}
#wpforms-13 input[type="text"],
#wpforms-13 input[type="email"],
#wpforms-13 input[type="tel"],
#wpforms-13 textarea{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  background:#171a1f!important;
  border:1px solid #465261!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#fff!important;
  padding:16px!important;
  font:inherit!important;
}
#wpforms-13 input:focus,
#wpforms-13 textarea:focus{
  outline:1px solid var(--ice)!important;
  border-color:var(--ice)!important;
}
#wpforms-13 input::placeholder,
#wpforms-13 textarea::placeholder{color:var(--muted)!important;opacity:1}
#wpforms-13 textarea{min-height:135px!important;resize:vertical}
#wpforms-13 .wpforms-submit-container{padding-top:13px}
#wpforms-13 button[type="submit"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  padding:14px 22px!important;
  border:1px solid var(--ice)!important;
  border-radius:0!important;
  background:linear-gradient(135deg,var(--ice),#b5f5ff)!important;
  color:#0b1820!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:12px!important;
  box-shadow:0 0 26px #6ee7ff22!important;
}
#wpforms-13 button[type="submit"]:hover{filter:brightness(1.08)}
#wpforms-13 .wpforms-error{color:#ff9b9b!important}