/* Delt styling for de juridiske sider: privatlivspolitik, vilkaar, cookies, kontakt. Genbruger designtokens fra resten af sitet. */ /* Farve-tokens (paletten) bor nu i den delte system.css — linkes i på de juridiske sider FØR denne fil. Ret farver dér, ikke her. */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--t1);min-height:100vh;-webkit-font-smoothing:antialiased} a{color:var(--accent)} /* NAV */ .nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:56px;background:var(--bg);border-bottom:1px solid var(--b1);backdrop-filter:blur(12px)} .nav-brand{display:flex;align-items:baseline;gap:0} .nav-logo{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.03em;color:var(--t1);text-decoration:none} .nav-logo span{color:var(--accent)} .nav-divider{width:1px;height:18px;background:var(--b2);margin:0 14px;transform:translateY(3px)} .nav-tagline{font-size:13px;color:var(--t3)} .nav-links{display:flex;align-items:center;gap:4px} .nav-link{font-size:14px;color:var(--t2);text-decoration:none;padding:8px 12px;border-radius:8px} .nav-link:hover{color:var(--t1);background:var(--s3)} .nav-right{display:flex;align-items:center;gap:10px} .nav-cta{font-size:14px;font-weight:600;color:var(--accent-ink);background:var(--accent);padding:8px 16px;border-radius:8px;text-decoration:none} .nav-cta:hover{opacity:.88} .nav-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--b2);border-radius:8px;background:none;color:var(--t2);cursor:pointer} .nav-hamburger:hover{color:var(--t1);background:var(--s3)} .nav-mobile{display:none;flex-direction:column;gap:2px;padding:10px 20px 18px;border-bottom:1px solid var(--b1);background:var(--bg)} .nav-mobile.open{display:flex} .nav-mobile .nav-link{padding:11px 12px} @media(max-width:860px){ .nav-links{display:none} .nav-hamburger{display:flex} .nav-cta{display:none} .nav{padding:0 18px} } /* CONTENT */ .legal{max-width:760px;margin:0 auto;padding:48px 24px 80px} .legal-back{display:inline-block;font-size:13px;color:var(--t3);text-decoration:none;margin-bottom:24px} .legal-back:hover{color:var(--t1)} .legal h1{font-family:'Space Grotesk',sans-serif;font-size:34px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px} .legal-updated{font-size:13px;color:var(--t3);margin-bottom:28px} .legal-lead{font-size:16px;line-height:1.7;color:var(--t2);margin-bottom:28px} .legal h2{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;margin:36px 0 12px;padding-top:12px;border-top:1px solid var(--b1)} .legal h3{font-size:15px;font-weight:600;color:var(--t1);margin:20px 0 8px} .legal p{font-size:15px;line-height:1.7;color:var(--t2);margin-bottom:12px} .legal ul{margin:0 0 14px;padding-left:22px} .legal li{font-size:15px;line-height:1.7;color:var(--t2);margin-bottom:6px} .legal strong{color:var(--t1);font-weight:600} .legal a{color:var(--accent);text-decoration:none} .legal a:hover{text-decoration:underline} .legal-callout{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:18px 20px;font-size:14px;line-height:1.7;color:var(--t2);margin-bottom:28px} .legal-placeholder{color:var(--t3);font-style:italic} .legal-table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:14px} .legal-table th,.legal-table td{text-align:left;padding:10px 12px;border:1px solid var(--b1);color:var(--t2);vertical-align:top} .legal-table th{background:var(--s1);color:var(--t1);font-weight:600} .legal-cta{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:40px;padding-top:24px;border-top:1px solid var(--b1)} .legal-cta a{font-size:14px;font-weight:600;color:var(--accent);text-decoration:none} .legal-cta a:hover{text-decoration:underline} /* KONTAKT */ .legal-form{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:24px;margin:24px 0} .legal-field{margin-bottom:16px} .legal-field label{display:block;font-size:13px;font-weight:600;color:var(--t1);margin-bottom:6px} .legal-field input,.legal-field textarea{width:100%;font:inherit;font-size:14px;color:var(--t1);background:var(--s2);border:1px solid var(--b2);border-radius:10px;padding:11px 13px} .legal-field input:focus,.legal-field textarea:focus{outline:none;border-color:var(--accent)} .legal-field textarea{min-height:120px;resize:vertical} .legal-submit{font:inherit;font-size:15px;font-weight:600;color:var(--accent-ink);background:var(--accent);border:none;border-radius:10px;padding:12px 22px;cursor:pointer} .legal-submit:hover{opacity:.88} .legal-contact-methods{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0} .legal-contact-card{flex:1;min-width:220px;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:18px 20px} .legal-contact-card .lc-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);margin-bottom:6px} .legal-contact-card .lc-value{font-size:15px;color:var(--t1);font-weight:600} .legal-contact-card a{color:var(--accent);text-decoration:none} /* FOOTER */ .footer{border-top:1px solid var(--b1);margin-top:40px} .footer-bottom{max-width:1100px;margin:0 auto;padding:22px 24px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between} .footer-copy{font-size:13px;color:var(--t3)} .footer-legal{display:flex;gap:18px} .footer-legal a{font-size:13px;color:var(--t3);text-decoration:none} .footer-legal a:hover{color:var(--t1)}