@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap'); /* ---------- Tokens ---------- */ .sbblog{ --sb:#005F6A; --sb-dark:#00464e; --sb-06:rgba(0,95,106,.06); --sb-08:rgba(0,95,106,.08); --sb-12:rgba(0,95,106,.12); --sb-18:rgba(0,95,106,.18); --ink:#152a2e; --body:#4a5c60; --line:rgba(0,95,106,.14); --white:#ffffff; --radius:18px; --shadow:0 18px 50px -22px rgba(0,95,106,.28); --sb-anchor:110px; /* Ansprung-Abstand; wird per JS an fixierte Theme-Header angepasst */ position:relative; font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color:var(--body); background:var(--white); line-height:1.65; font-size:17px; -webkit-font-smoothing:antialiased; } .sbblog *{box-sizing:border-box;margin:0;padding:0} .sbblog h1,.sbblog h2,.sbblog h3,.sbblog h4{font-family:'Poppins',sans-serif;color:var(--ink);line-height:1.15;letter-spacing:-.01em} .sbblog p{margin:0} .sbblog a{text-decoration:none;color:inherit} .sbblog img{max-width:100%;display:block} .sbblog ul,.sbblog ol{list-style:none} /* ---------- Layout ---------- */ .sbblog__wrap{max-width:1180px;margin:0 auto;padding:0 24px} .sbblog__sec{padding:clamp(46px,6vw,84px) 0} .sbblog__eyebrow{ display:inline-flex;align-items:center;gap:14px;font-family:'Poppins',sans-serif;font-weight:600; font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--sb);margin-bottom:22px; } .sbblog__eyebrow::before{content:"";flex:none;width:44px;height:2px;border-radius:2px;background:var(--sb);transform-origin:left center;animation:sbblog-eyebrow 2.8s ease-in-out infinite} @keyframes sbblog-eyebrow{0%,100%{transform:scaleX(.45);opacity:.55}50%{transform:scaleX(1);opacity:1}} @media(prefers-reduced-motion:reduce){.sbblog__eyebrow::before{animation:none;transform:scaleX(1);opacity:1}} /* ---------- Buttons ---------- */ .sbblog a.sbblog__btn{ display:inline-flex;align-items:center;gap:10px;font-family:'Poppins',sans-serif; font-weight:600;font-size:16px;padding:16px 30px;border-radius:100px;text-decoration:none; transition:.25s ease;cursor:pointer;border:1px solid transparent; } .sbblog a.sbblog__btn--primary{background:var(--sb)!important;color:#fff!important;box-shadow:0 14px 30px -12px rgba(0,95,106,.55)} .sbblog a.sbblog__btn--primary:hover{background:var(--sb-dark)!important;color:#fff!important;transform:translateY(-2px)} .sbblog a.sbblog__btn--ghost{background:var(--sb-06)!important;color:var(--sb)!important;border:1.5px solid var(--sb)!important} .sbblog a.sbblog__btn--ghost:hover{background:var(--sb)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(0,95,106,.55)} .sbblog a.sbblog__btn svg{width:17px;height:17px;transition:transform .25s} .sbblog a.sbblog__btn:hover