*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Inter,Arial,sans-serif; color:var(--color-indigo-dark); background:var(--color-paper); line-height:1.6}
a{color:var(--color-blue); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px; margin:0 auto; padding:0 20px}
.site-header{position:sticky; top:0; z-index:1000; background:#fff; border-bottom:1px solid var(--color-lines); transition:box-shadow .2s ease}
.site-header.is-scrolled{box-shadow:var(--shadow)}
.header-inner{display:flex; align-items:center; justify-content:space-between; min-height:72px}
.brand__logo{height:38px; width:auto}
.menu{list-style:none; margin:0; padding:0; display:flex; gap:22px}
.menu a{display:block; padding:10px 8px; border-radius:10px; color:var(--color-indigo-dark)}
.menu a:hover{background:var(--color-indigo-light)}
.hero{background:linear-gradient(180deg, #fff 0%, #f9fafb 100%); padding:64px 0 30px; border-bottom:1px solid var(--color-lines)}
.hero__text h1{font-size:2.2rem; margin:0 0 10px; color:var(--color-indigo)}
.hero__actions{display:flex; gap:14px; margin-top:16px}
.btn{display:inline-block; padding:12px 18px; border-radius:12px; font-weight:600; border:2px solid transparent}
.btn--primary{background:var(--color-indigo); color:#fff; border-color:var(--color-indigo-dark)}
.btn--primary:hover{background:#2a2370; text-decoration:none}
.btn--ghost{background:transparent; border-color:var(--color-indigo); color:var(--color-indigo)}
.btn--ghost:hover{background:var(--color-indigo-light); text-decoration:none}
.content{padding:38px 0}
.entry__title{margin-top:0; color:var(--color-indigo)}
.entry__content img{max-width:100%; height:auto; border-radius:var(--radius)}
.entry__content .badge{display:inline-block; background:var(--color-sage); color:#fff; padding:6px 10px; border-radius:10px; font-size:.9rem}
.planner{background:#fff; border:1px solid var(--color-lines); border-radius:var(--radius); padding:26px; margin:24px 0; box-shadow:var(--shadow)}
.planner__title{margin:0 0 10px; color:var(--color-indigo)}
.planner__text{color:var(--color-neutral)}
.planner__actions{display:flex; gap:12px; margin-top:12px}
.site-footer{border-top:1px solid var(--color-lines); background:#fff; margin-top:24px}
.footer-inner{display:flex; align-items:center; justify-content:space-between; min-height:72px}
.menu--footer a{color:var(--color-neutral)}
.card{background:#fff; border:1px solid var(--color-lines); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow)}
.section{padding:32px 0}
.zn-primary-color{color:var(--color-indigo)}
.zn-secondary-color{color:var(--color-blue)}
.zn-bg-primary{background:var(--color-indigo)}
.zn-bg-light{background:var(--color-indigo-light)}
#kontakt{scroll-margin-top:90px}