/* TechPaten Solutions · Launch 2026-10-24 – order-first header, order call-to-actions, mobile order bar, cookie banner.
   Shared by the landing page (.lp) and the order page (.ord-page); uses the landing palette. */

/* Header: "Jetzt bestellen" is the primary action, the consultation stays one click away. */
.lp .sol-nav-actions{gap:10px}
.lp-head-consult{border:0;background:none;padding:10px 12px;border-radius:999px;font:600 14px/1 var(--display);color:#3c475b;cursor:pointer;transition:color .2s,background .2s}
.lp-head-consult:hover{color:var(--ink);background:var(--soft)}
.lp-head-order{display:none}
@media (max-width:1120px){.lp .sol-phone{display:none}}
@media (max-width:900px){
  .lp .sol-nav{gap:12px}
  .lp-head-order{display:inline-flex;align-items:center;margin-left:auto;min-height:42px;padding:0 18px;border-radius:999px;background:var(--blue-ui);color:#fff!important;font:700 14px/1 var(--display);text-decoration:none;box-shadow:0 8px 18px -10px #0874efcc}
  .lp-head-order:active{transform:scale(.98)}
}

/* The longer keyword kicker must not widen the hero column on phones (max-content would). */
.lp .lp-h1-kicker{width:fit-content}

/* Order call-to-action below the four steps */
.lp-order-cta{display:flex;align-items:center;justify-content:space-between;gap:24px 32px;flex-wrap:wrap;margin-top:56px;padding:26px 30px;border-radius:var(--r-lg);background:linear-gradient(120deg,#f2f7ff 0%,#fff 60%);box-shadow:0 0 0 1px var(--blue-100),var(--sh-sm)}
.lp-order-cta-copy{display:grid;gap:6px}
.lp-order-cta-copy b{font:700 clamp(18px,1.6vw,21px)/1.3 var(--display);color:var(--ink);letter-spacing:-.01em}
.lp-order-cta-copy span{font-size:14.5px;color:var(--muted)}
.lp-order-cta-actions{display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap}
.lp-order-cta-actions .lp-link{font-size:14.5px}

/* Trust strip below the price cards */
.lp-order-trust{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lp-order-trust li{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:var(--r-md);background:var(--soft);box-shadow:0 0 0 1px var(--line)}
.lp-order-trust svg{flex:0 0 22px;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--blue-50);color:var(--blue-text)}
.lp-order-trust span{display:grid;gap:2px;font-size:13.5px;line-height:1.45;color:var(--muted)}
.lp-order-trust b{font:700 14.5px/1.35 var(--display);color:var(--ink)}
.lp-plan .lp-btn .lp-arrow{margin-left:-2px}

/* Mobile order bar: appears after the hero, hides near the final call to action */
.lp-buybar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -1px 0 var(--line),0 -14px 30px -22px #0b173055;transform:translateY(110%);transition:transform .35s var(--ease-out)}
.lp-buybar.is-visible{transform:none}
.lp-buybar-copy{display:grid;line-height:1.15}
.lp-buybar-copy small{font-size:12.5px;color:var(--muted)}
.lp-buybar-copy b{font:800 21px/1.1 var(--display);color:var(--ink);letter-spacing:-.02em}
.lp .lp-buybar .lp-btn{min-height:48px;padding:0 24px;flex:0 1 auto}
@media (min-width:901px){.lp-buybar{display:none!important}}
@media (max-width:900px){.lp-has-buybar .lp-footer{padding-bottom:96px}}

@media (max-width:980px){.lp-order-trust{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}}
@media (max-width:640px){
  .lp-order-cta{padding:22px 20px;margin-top:40px}
  .lp-order-cta-actions{width:100%;flex-direction:column;align-items:stretch;text-align:center}
  .lp-order-cta-actions .lp-btn{width:100%}
}

/* Cookie banner (buttons are wired by /assets/google-ads-tracking.js) */
.sol-consent{position:fixed;z-index:120;right:16px;bottom:16px;left:16px;max-width:430px;margin-left:auto;padding:18px 18px 16px;border-radius:18px;background:#0b1730;color:#d5deec;box-shadow:0 24px 60px -24px #0b1730b3,0 0 0 1px #ffffff14;font:400 14px/1.55 'DM Sans','DM Sans Fallback',system-ui,sans-serif}
.sol-consent.hidden{display:none}
.sol-consent p{margin:0}
.sol-consent a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.sol-consent-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.sol-consent button{min-height:42px;padding:0 18px;border-radius:999px;border:0;font:700 14px/1 'Manrope','Manrope Fallback',system-ui,sans-serif;cursor:pointer}
.sol-consent #declineCookies{background:transparent;color:#d5deec;box-shadow:inset 0 0 0 1.5px #ffffff38}
.sol-consent #declineCookies:hover{box-shadow:inset 0 0 0 1.5px #ffffff80;color:#fff}
.sol-consent #acceptCookies{background:#0a6ae0;color:#fff}
.sol-consent #acceptCookies:hover{background:#0663d6}
.sol-consent :focus-visible{outline:3px solid #7fb6ff;outline-offset:2px}

@media (prefers-reduced-motion:reduce){.lp-buybar{transition:none}}

/* Order page: short reassurance row below the intro */
.ord-assure{list-style:none;display:flex;flex-wrap:wrap;gap:8px 10px;margin:20px 0 0;padding:0}
.ord-assure li{display:inline-flex;align-items:center;gap:8px;padding:7px 13px 7px 10px;border-radius:999px;background:var(--ord-blue-soft,#eef5ff);color:var(--ord-ink,#16213a);font-size:13.5px;font-weight:600;line-height:1.2}
.ord-assure li:before{content:"";width:16px;height:16px;flex:0 0 16px;border-radius:50%;background:var(--ord-blue,#0874ef) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 8.4 2.2 2.2 4.8-5.2'/%3E%3C/svg%3E") center/12px no-repeat}
@media (max-width:640px){.ord-assure{gap:6px}.ord-assure li{font-size:12.5px;padding:6px 11px 6px 8px}}