/* legal-style.css – verkaufhoch3 Legal Pages (Impressum, Datenschutz) */
/* Mobile-First: Base = Mobile, @media(min-width:768px) = Desktop */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
--bg:#06060b;--bg2:#0c0c14;--card:#111119;--card2:#161620;
--acc:#4a8eff;--acc2:#2563eb;--acc-g:linear-gradient(135deg,#4a8eff,#7c3aed);
--t1:#ffffff;--t2:#d4d2e4;--t3:#a09eb4;
--brd:rgba(255,255,255,.06);--brd-a:rgba(74,142,255,.2);
--ff:'DM Sans',sans-serif;--fd:'Plus Jakarta Sans',sans-serif;
--ease:cubic-bezier(.16,1,.3,1);
}
html{scroll-behavior:smooth}
body{font-family:var(--ff);background:var(--bg);color:var(--t1);-webkit-font-smoothing:auto;min-height:100vh;display:flex;flex-direction:column}

/* NAV */
nav{border-bottom:1px solid var(--brd);padding:20px 0}
nav .c{max-width:900px;margin:0 auto;padding:0 clamp(24px,4vw,48px);display:flex;justify-content:space-between;align-items:center}
nav .nl{text-decoration:none}
nav .nl svg{width:140px;height:32px}
nav .back{color:var(--t3);text-decoration:none;font-size:.9rem;font-weight:400;transition:color .3s}
nav .back:hover{color:var(--acc)}

/* MAIN CONTENT */
main.legal{flex:1;padding:clamp(48px,8vw,80px) 0}
main.legal .c{max-width:900px;margin:0 auto;padding:0 clamp(24px,4vw,48px)}
main.legal h1{font-family:var(--fd);font-weight:800;font-size:1.6rem;letter-spacing:-1px;margin-bottom:40px;color:var(--t1)}
main.legal h2{font-family:var(--fd);font-weight:700;font-size:1.2rem;letter-spacing:-.3px;margin-top:40px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--brd);color:var(--t1)}
main.legal h3{font-family:var(--fd);font-weight:600;font-size:1.15rem;margin-top:28px;margin-bottom:12px;color:var(--t2)}
main.legal h4{font-family:var(--fd);font-weight:600;font-size:1rem;margin-top:20px;margin-bottom:8px;color:var(--t2)}
main.legal p{color:var(--t2);font-size:1.125rem;line-height:1.75;margin-bottom:16px;font-weight:400}
main.legal a{color:var(--acc);text-decoration:none;transition:color .3s}
main.legal a:hover{color:#6ea5ff}
main.legal strong{color:var(--t1);font-weight:600}

/* FOOTER */
footer{border-top:1px solid var(--brd);padding:24px 0}
footer .c{max-width:900px;margin:0 auto;padding:0 clamp(24px,4vw,48px)}
footer .fle{display:flex;justify-content:center;align-items:center;gap:16px;font-size:.85rem;color:var(--t3)}
footer .fle a{color:var(--t3);text-decoration:none;transition:color .3s}
footer .fle a:hover{color:var(--acc)}
footer .fle span{opacity:.3}

/* DESKTOP */
@media(min-width:768px){
main.legal h1{font-size:clamp(2rem,4vw,2.8rem)}
main.legal h2{font-size:1.4rem}
nav .nl svg{width:180px;height:42px}
}