/*
Theme Name: ankauf.io
Theme URI: https://ankauf.io
Author: ankauf.io
Description: Maßgeschneidertes Theme für ankauf.io — 1:1 zum Next.js-Design (Header, Footer, Marken-CSS).
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root{
  --ink:#14171d; --ink-soft:#2a313c; --brass:#c2872f; --brassd:#9a6a1f; --brassb:#e0a83f;
  --steel:#35506b; --paper:#f6f4ef; --surface:#ece6da; --border:#ddd6c7; --muted:#626b78;
  --success:#1f7a4d; --onink-muted:#aab2bd;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans',system-ui,-apple-system,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--steel);text-decoration:none}
img{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}

/* ---------- Header (sticky) — wie Next.js ---------- */
.ak-hdr{position:sticky;top:0;z-index:50;background:rgba(246,244,239,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.ak-hdr-in{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ak-wordmark{display:flex;align-items:center;gap:8px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.35rem;color:var(--ink)}
.ak-wordmark .ak-gavel{display:inline-flex;width:32px;height:32px;border-radius:8px;background:var(--ink);align-items:center;justify-content:center}
.ak-wordmark .ak-gavel svg{width:17px;height:17px;stroke:#fff}
.ak-wordmark b{font-weight:700}.ak-wordmark span{color:var(--brassd)}
.ak-nav{display:flex;gap:22px;align-items:center}
.ak-nav a{color:var(--ink);font-weight:500;font-size:.95rem}
.ak-nav a:hover{color:var(--brassd)}
.ak-has-sub{position:relative}
.ak-has-sub>a{display:inline-flex;align-items:center;gap:4px}
.ak-caret{font-size:.7em;color:var(--brassd)}
.ak-sub{position:absolute;top:100%;left:-12px;min-width:255px;display:none;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 44px -18px rgba(20,23,29,.4);padding:8px;z-index:60}
.ak-has-sub:hover .ak-sub{display:flex}
.ak-sub a{padding:9px 12px;border-radius:8px;font-size:.92rem;white-space:nowrap;color:var(--ink)}
.ak-sub a:hover{background:var(--surface);color:var(--brassd)}
.ak-mobnav{display:none}
.ak-mobile-cta{display:none}
@media(max-width:880px){
  body{padding-bottom:68px}
  .ak-mobile-cta{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:80;padding:10px 12px;background:rgba(246,244,239,.97);border-top:1px solid var(--border);backdrop-filter:blur(8px)}
  .ak-mobile-cta a{flex:1;text-align:center;padding:13px 10px;border-radius:10px;font-weight:700;font-size:.95rem}
  .ak-mobile-call{background:var(--ink);color:#fff!important}
}
.ak-hdr-cta{display:flex;align-items:center;gap:12px}
.ak-hdr-phone{color:var(--ink);font-weight:600;font-size:.9rem}
.ak-hdr-phone:hover{color:var(--brassd)}
@media(max-width:880px){
  .ak-nav,.ak-hdr-phone{display:none}
  .ak-mobnav{display:block;position:relative}
  .ak-mobnav summary{list-style:none;cursor:pointer;font-size:1.6rem;line-height:1;padding:2px 6px;color:var(--ink)}
  .ak-mobnav summary::-webkit-details-marker{display:none}
  .ak-mobnav-panel{position:absolute;right:0;top:100%;margin-top:10px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 44px -18px rgba(20,23,29,.4);padding:8px;display:flex;flex-direction:column;min-width:250px;z-index:70}
  .ak-mobnav-panel a{padding:11px 12px;color:var(--ink);font-weight:500;border-radius:8px}
  .ak-mobnav-panel a:hover{background:var(--surface)}
  .ak-mob-cta{background:var(--brass);color:var(--ink)!important;font-weight:700;text-align:center;margin-top:4px}
}

/* ---------- Buttons ---------- */
.ak-cta{display:inline-block;background:linear-gradient(180deg,var(--brassb),var(--brass));color:var(--ink)!important;font-weight:700;padding:11px 22px;border-radius:10px;box-shadow:0 10px 24px -10px rgba(154,106,31,.6);transition:transform .2s,box-shadow .2s,filter .2s}
.ak-cta:hover{transform:translateY(-1px);filter:brightness(1.04)}
.ak-cta-ink{display:inline-block;background:var(--ink);color:#fff!important;font-weight:700;padding:11px 22px;border-radius:10px}

/* ---------- Content container + components (Spiegel von lib_content BRAND_CSS) ---------- */
.ak{max-width:1100px;margin:0 auto;padding:24px 20px 8px}
.ak h1{font-size:2.4rem;margin:.2em 0 .3em}.ak h2{font-size:1.7rem;margin:1.6em 0 .5em}.ak h3{font-size:1.2rem;margin:1.2em 0 .3em}
.ak p{margin:.8em 0}.ak a{color:var(--steel);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--brass)}
.ak-kicker{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brassd)}
.ak-rule{width:52px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--brassb),var(--brassd));margin:.6em 0}
.ak-lead{font-size:1.15rem;color:var(--muted)}
ul.ak-checks{list-style:none;padding:0;margin:1em 0}ul.ak-checks li{padding-left:1.7em;position:relative;margin:.5em 0}
ul.ak-checks li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}
.ak-chips{display:flex;flex-wrap:wrap;gap:8px;margin:1em 0}.ak-chips span{background:var(--surface);border-radius:999px;padding:5px 12px;font-size:.85rem}
.ak-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:1.5em 0}
.ak-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px;transition:transform .25s,box-shadow .25s,border-color .2s}
.ak-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px rgba(20,23,29,.4);border-color:var(--brass)}
.ak-card h3{margin:.2em 0 .3em}.ak-card p{margin:0;font-size:.95rem;color:var(--muted)}
.ak-dot{display:inline-flex;width:40px;height:40px;border-radius:11px;background:rgba(194,135,47,.15);color:var(--brassd);align-items:center;justify-content:center;font-weight:700;margin-bottom:10px}
.ak-asset{color:var(--ink);text-decoration:none;display:flex;flex-direction:column}
.ak-asset h3{margin:0 0 .35em}
.ak-asset p{flex:1}
.ak-asset .ak-asset-more{margin-top:14px;color:var(--brassd);font-weight:700;font-size:.9rem}
.ak-asset:hover .ak-asset-more{text-decoration:underline}
.ak-leadform{display:flex;flex-direction:column;gap:12px}
.ak-leadform select,.ak-leadform textarea,.ak-leadform input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--paper);font:inherit;font-size:.95rem;color:var(--ink)}
.ak-leadform textarea{resize:vertical}
.ak-leadrow{display:flex;gap:12px}.ak-leadrow input{flex:1;min-width:0}
@media(max-width:560px){.ak-leadrow{flex-direction:column}}
.ak-leadform button.ak-cta{border:none;cursor:pointer;font:inherit;font-weight:700;width:100%}
.ak-leadnote{font-size:.82rem;color:var(--muted);margin:2px 0 0}
.ak table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.95rem}.ak th,.ak td{border:1px solid var(--border);padding:8px 12px;text-align:left}.ak th{background:var(--surface)}
.ak-band{background:var(--ink);color:#fff;border-radius:18px;padding:38px 28px;text-align:center;margin:2em 0}
.ak-band h2{color:#fff}.ak-band p{color:var(--onink-muted)}.ak-band .ak-cta{margin-top:6px}
.ak details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin:10px 0}
.ak details summary{font-weight:600;cursor:pointer}
figure.ak-img{margin:1.6em 0}figure.ak-img img{width:100%;border-radius:14px;border:1px solid var(--border)}
.ak-hero-img{width:100%;border-radius:16px;border:1px solid var(--border);margin:1em 0}
.prose-ak{color:var(--ink);font-size:1.06rem;line-height:1.75}
.prose-ak h2{font-size:1.55rem;margin:2.2em 0 .5em}.prose-ak h3{margin:1.6em 0 .3em}
.prose-ak a{color:var(--steel);text-decoration:underline;text-decoration-color:var(--brass)}
.prose-ak ul,.prose-ak ol{padding-left:1.3em}.prose-ak li{margin:.4em 0}
.prose-ak table{width:100%;border-collapse:collapse;margin:1.2em 0}.prose-ak th,.prose-ak td{border:1px solid var(--border);padding:8px 12px}

/* ---------- Ratgeber-Listing ---------- */
.ak-postcard{display:flex;flex-direction:column;overflow:hidden;padding:0;color:var(--ink)}
.ak-postcard .thumb{aspect-ratio:16/9;background-size:cover;background-position:center}
.ak-postcard .pad{padding:18px 20px;display:flex;flex-direction:column;flex:1}
.ak-postcard h3{font-size:1.05rem;margin:.2em 0 .4em}
.ak-postcard p{flex:1;font-size:.9rem;color:var(--muted)}
.ak-postcard .more{margin-top:12px;color:var(--brassd);font-weight:700;font-size:.9rem}
.ak-back{display:inline-block;color:var(--muted);font-weight:500;font-size:.9rem;margin-bottom:8px}

/* ---------- Footer — dunkel, mehrspaltig wie Next.js ---------- */
.ak-ftr{background:var(--ink);color:var(--onink-muted);margin-top:40px;
 background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px}
.ak-ftr-in{max-width:1100px;margin:0 auto;padding:56px 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
@media(max-width:880px){.ak-ftr-in{grid-template-columns:1fr 1fr}}
.ak-ftr h4{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}
.ak-ftr a{color:var(--onink-muted);display:block;margin:8px 0;font-size:.9rem}
.ak-ftr a:hover{color:var(--brassb)}
.ak-ftr-brand .wm{display:flex;align-items:center;gap:8px;color:#fff;font-family:'Bricolage Grotesque';font-weight:700;font-size:1.3rem}
.ak-ftr-brand .wm span{color:var(--brassb)}
.ak-ftr-brand p{max-width:340px;font-size:.9rem}
.ak-ftr-bottom{border-top:1px solid rgba(255,255,255,.1)}
.ak-ftr-bottom div{max-width:1100px;margin:0 auto;padding:18px 20px;font-size:.78rem;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}

/* ---- Lead-Formular: Honeypot, Fehler-Banner, Danke-Seite ---- */
.ak-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}
.ak-formerr{background:#fbeaea;border:1px solid #e6b3b3;color:#8a2020;border-radius:12px;padding:13px 16px;margin:0 0 16px;font-size:.93rem;font-weight:600}
.ak-thanks{max-width:680px;margin:40px auto;text-align:center;background:#fff;border:1px solid var(--border);border-radius:20px;padding:48px 32px;box-shadow:0 30px 70px -36px rgba(20,23,29,.35)}
.ak-thanks-check{display:inline-flex;width:64px;height:64px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,var(--brassb),var(--brass));color:var(--ink);font-size:2rem;font-weight:800;margin-bottom:18px}
.ak-thanks h1{font-size:1.8rem;margin:0 0 10px}
.ak-thanks p{color:var(--muted);max-width:520px;margin:10px auto}
.ak-btn-ghost{display:inline-block;background:transparent;border:1px solid var(--border);color:var(--ink)!important;font-weight:600;padding:10px 20px;border-radius:10px;text-decoration:none!important;margin-left:8px}
.ak-btn-ghost:hover{border-color:var(--brass);color:var(--brassd)!important}