/* Gemeinsames Stylesheet für die Leistungsseiten — gleiche Ästhetik wie die Startseite */
:root{
  --bg:#F6F1E9; --bg2:#FBF7F0; --ink:#201C17; --ink-soft:#6E6659;
  --terra:#B0563A; --terra2:#C97B55; --petrol:#2E5A5B; --taupe:#CBB9A3;
  --espresso:#211A15; --cream:#F1EBDD;
  --line:rgba(32,28,23,.12); --line2:rgba(32,28,23,.06);
  --glass:rgba(251,247,240,.62);
  --sh-sm:0 2px 10px -4px rgba(32,28,23,.14);
  --sh:0 26px 60px -34px rgba(32,28,23,.45);
  --r:20px; --ease:cubic-bezier(.22,.7,.25,1); --max:1140px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:"Figtree",system-ui,sans-serif;font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:"Marcellus",Georgia,serif;font-weight:400;line-height:1.14;letter-spacing:.002em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(20px,5vw,40px)}
.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--terra);display:inline-flex;align-items:center;gap:.55em}
.eyebrow::before{content:"";width:.8em;height:.8em;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23B0563A' d='M12 .5 13.7 9.9 23.5 12 13.7 14.1 12 23.5 10.3 14.1 .5 12 10.3 9.9Z'/%3E%3C/svg%3E") center/contain no-repeat}
.qlabel{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);opacity:.7}

.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:var(--terra);color:#fff;padding:.85em 1.5em;border-radius:12px;font-weight:600;font-size:.98rem;border:none;cursor:pointer;font-family:inherit;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s;box-shadow:0 10px 26px -14px rgba(176,86,58,.7)}
.btn:hover{background:#9d4a30;box-shadow:0 16px 34px -14px rgba(176,86,58,.8)}
.btn-dark{background:var(--ink)}.btn-dark:hover{background:#000}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
.btn-ghost:hover{border-color:var(--ink);background:rgba(32,28,23,.03)}
.btn-wa{background:#25D366;color:#08301b}
.alink{position:relative;font-weight:600;color:var(--ink)}
.alink::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:var(--terra);transform:scaleX(.001);transform-origin:left;transition:transform .4s var(--ease)}
.alink:hover::after{transform:scaleX(1)}

/* header */
header{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .4s,border-color .4s;border-bottom:1px solid transparent}
header.scrolled{background:var(--glass);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line2)}
.hd{display:flex;align-items:center;justify-content:space-between;padding:14px clamp(24px,4.2vw,68px)}
.brand{display:inline-flex;align-items:flex-start;gap:3px;font-family:"Marcellus";font-size:1.4rem;color:var(--ink)}
.brand svg{width:11px;height:11px;margin-top:3px;fill:var(--ink)}
nav.main{display:flex;align-items:center;gap:30px;font-size:.95rem}
nav.main a.n{color:var(--ink-soft)}nav.main a.n:hover{color:var(--ink)}
.n-sub{position:relative}
.n-sub>.n{cursor:pointer;display:inline-flex;align-items:center;gap:.35em}
.submenu{position:absolute;top:100%;left:0;margin-top:8px;min-width:250px;background:var(--bg2);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--sh);padding:10px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s;z-index:20}
.n-sub:hover .submenu,.n-sub:focus-within .submenu{opacity:1;visibility:visible;transform:none}
.submenu a{padding:10px 12px;border-radius:10px;font-size:.92rem;color:var(--ink-soft);white-space:nowrap}
.submenu a:hover,.submenu a[aria-current=page]{background:rgba(176,86,58,.08);color:var(--ink)}
.navtoggle{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:8px;cursor:pointer}
.navtoggle span{width:24px;height:2px;background:var(--ink);display:block;transition:.3s}

section{position:relative}
.sec-pad{padding:clamp(70px,10vh,120px) 0}
.ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}
.b-terra{background:radial-gradient(circle,rgba(201,123,85,.5),transparent 70%)}
.b-petrol{background:radial-gradient(circle,rgba(46,90,91,.35),transparent 70%)}

/* hero */
.lhero{min-height:78vh;display:flex;align-items:center;padding:130px 0 60px}
.lhero .b1{width:52vw;height:52vw;top:-12vw;right:-8vw}
.lhero-inner{position:relative;z-index:1;width:100%}
.lhero h1{font-size:clamp(2.2rem,5.2vw,4rem);line-height:1.06;letter-spacing:-.01em;max-width:16ch}
.lhero h1 .grad{background:linear-gradient(100deg,var(--terra),var(--terra2) 60%,var(--petrol));-webkit-background-clip:text;background-clip:text;color:transparent}
.lhero .sub{font-size:clamp(1rem,1.9vw,1.2rem);color:var(--ink-soft);max-width:46ch;margin-top:22px}
.lhero .actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:32px}
.lhero .meta{margin-top:26px;font-size:.9rem;color:var(--ink-soft)}
.lhero .meta b{color:var(--ink)}

.sec-head{max-width:42ch}
.sec-head h2{font-size:clamp(1.75rem,3.4vw,2.7rem);margin-top:12px}
.sec-head .sub{color:var(--ink-soft);margin-top:14px;max-width:52ch}

/* pains */
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.pain{background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r);padding:26px 24px;box-shadow:var(--sh-sm)}
.pain h3{font-size:1.15rem;margin-bottom:6px}
.pain p{color:var(--ink-soft);font-size:.96rem}

/* lösung list */
.sol{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 40px;margin-top:40px}
.sol li{list-style:none;position:relative;padding-left:30px;color:var(--ink-soft)}
.sol li b{color:var(--ink);font-weight:600}
.sol li::before{content:"";position:absolute;left:0;top:.15em;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23B0563A' d='M12 .5 13.7 9.9 23.5 12 13.7 14.1 12 23.5 10.3 14.1 .5 12 10.3 9.9Z'/%3E%3C/svg%3E") center/contain no-repeat}

/* case teaser */
.case{background:var(--bg2);border:1px solid var(--line2);border-radius:24px;padding:clamp(26px,4vw,44px);box-shadow:var(--sh-sm);display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;margin-top:8px}
.case .k{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--terra)}
.case h3{font-size:clamp(1.5rem,2.6vw,2rem);margin:10px 0 12px}
.case p{color:var(--ink-soft);max-width:44ch}
.case .thumb{border-radius:16px;overflow:hidden;box-shadow:var(--sh);background:linear-gradient(150deg,#efe6d6,var(--bg2));aspect-ratio:16/11}
.case .thumb img{width:100%;height:100%;object-fit:cover;object-position:top center}
.case .ph{width:100%;height:100%;display:grid;place-items:center;color:var(--ink-soft);opacity:.55;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}

/* price hint */
.phint{margin-top:44px;background:linear-gradient(160deg,var(--bg2),var(--cream));border:1px solid var(--line2);border-radius:20px;padding:28px 30px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;box-shadow:var(--sh-sm)}
.phint .amt{font-family:"Marcellus";font-size:1.9rem}
.phint .amt small{font-family:"Figtree";font-size:.85rem;color:var(--ink-soft);font-weight:400}
.phint p{color:var(--ink-soft);font-size:.95rem;max-width:40ch}

/* CTA band */
.cta{background:var(--espresso);color:var(--cream);text-align:center;overflow:hidden}
.cta .eyebrow{color:var(--terra2)}
.cta h2{font-size:clamp(1.8rem,3.4vw,2.6rem);max-width:20ch;margin:14px auto 0}
.cta .lead{color:#cabfb0;margin:16px auto 0;max-width:46ch}
.cta .actions{margin-top:28px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta .direct{margin-top:20px;font-size:.9rem;color:#b8a894}
.cta .direct a{color:var(--terra2);font-weight:600}

footer{border-top:1px solid var(--line);padding:34px 0;color:var(--ink-soft);font-size:.9rem}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;align-items:center}
footer a{color:var(--ink-soft)}footer a:hover{color:var(--ink)}

@media(max-width:920px){
  .pains{grid-template-columns:1fr}
  .sol{grid-template-columns:1fr;gap:14px}
  .case{grid-template-columns:1fr;gap:24px}
  .case .order-img{order:-1}
}
@media(max-width:860px){
  .navtoggle{display:flex}
  nav.main{position:fixed;inset:0 0 auto 0;top:0;padding:90px 28px 30px;flex-direction:column;align-items:flex-start;gap:4px;background:var(--glass);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transform:translateY(-100%);transition:transform .4s var(--ease)}
  nav.main.open{transform:none}
  nav.main a.n{padding:12px 0;font-size:1.1rem}
  nav.main .btn{margin-top:10px}
  .n-sub .submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:transparent;padding:0 0 0 14px;margin:0 0 6px;min-width:0}
  .n-sub .submenu a{padding:9px 0;font-size:1rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blob{animation:none}}