/*
Theme Name: Boskos.biz Onepager
Theme URI: https://boskos.biz/
Author: Boskos.biz
Description: Schlanker responsiver Onepager für Boskos.biz – Unternehmensberatung, Marketing und Social Recruiting.
Version: 1.0.0
Text Domain: boskos-onepager
*/
:root{--bg:#07131d;--bg2:#0b1d29;--panel:#0f2533;--text:#f4f7f8;--muted:#9fb0ba;--accent:#21c4d8;--line:rgba(255,255,255,.11);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;background:rgba(7,19,29,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:-.03em;font-size:24px}.brand span{color:var(--accent)}.mail{font-size:14px;color:var(--muted);transition:.2s}.mail:hover{color:var(--accent)}.hero{min-height:100svh;display:flex;align-items:center;padding:130px 0 90px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;right:-260px;top:-240px;background:radial-gradient(circle,rgba(33,196,216,.18),transparent 67%);pointer-events:none}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:25px}.dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 6px rgba(33,196,216,.12)}h1{font-size:clamp(48px,7.5vw,105px);line-height:.93;letter-spacing:-.065em;margin:0;max-width:1000px;font-weight:760}.hero-copy{max-width:760px;margin:32px 0 0;color:#c9d4da;font-size:clamp(18px,2vw,24px);line-height:1.55}.hero-actions{display:flex;gap:16px;align-items:center;margin-top:42px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 26px;background:var(--accent);color:#041219;font-weight:750;font-size:14px;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.link{color:#d7e1e5;font-weight:650;font-size:14px}.arrow{margin-left:8px;color:var(--accent)}.services{padding:105px 0;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg),var(--bg2))}.section-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;margin-bottom:58px}.kicker{color:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.section-head h2{font-size:clamp(35px,4.5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:0}.grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.card{padding:42px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:255px;transition:.25s}.card:hover{background:rgba(255,255,255,.025)}.num{font-size:12px;color:var(--accent);font-weight:700;margin-bottom:42px}.card h3{font-size:25px;margin:0 0 14px;letter-spacing:-.025em}.card p{color:var(--muted);font-size:16px;line-height:1.65;margin:0;max-width:500px}.focus{padding:100px 0}.focus-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.focus h2{font-size:clamp(38px,5vw,70px);line-height:1;letter-spacing:-.05em;margin:0}.focus p{color:var(--muted);font-size:18px;line-height:1.7;margin:0}.contact{padding:100px 0;background:var(--accent);color:#041219}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.contact h2{font-size:clamp(44px,6vw,85px);line-height:.95;letter-spacing:-.055em;margin:0}.contact p{font-size:18px;line-height:1.6;margin:0 0 25px}.contact a.email{font-size:clamp(20px,2.4vw,30px);font-weight:800;border-bottom:2px solid rgba(4,18,25,.35);padding-bottom:5px}.footer{padding:30px 0;background:#041018;color:#7f939e;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.legal{display:flex;gap:18px}.notice{margin-top:18px;color:#607681;font-size:12px}
@media(max-width:760px){.wrap{width:min(calc(100% - 28px),var(--max))}.nav{height:70px}.brand{font-size:21px}.mail{font-size:12px}.hero{padding-top:110px}.hero-copy{font-size:18px}.section-head,.focus-row,.contact-grid{grid-template-columns:1fr;gap:30px}.grid{grid-template-columns:1fr}.card{padding:30px;min-height:auto}.services,.focus,.contact{padding:75px 0}.section-head{margin-bottom:40px}.contact-grid{align-items:start}.footer-inner{display:block}.legal{margin-top:12px}}