:root{--color-bg: #faf6f1;--color-bg-muted: #f3eee7;--color-surface: #ffffff;--color-surface-soft: #fffaf2;--color-text: #1c1917;--color-muted: #78716c;--color-muted-soft: #a8a29e;--color-border: #e7ddd0;--color-primary: #ffe135;--color-primary-hover: #f2c200;--color-primary-soft: rgba(255, 225, 53, .18);--color-primary-focus: rgba(255, 225, 53, .42);--color-on-primary: #1c1917;--color-primary-ink: #6f5700;--color-danger: #dc2626;--color-success: #16a34a;--color-transparent: transparent;--color-white: #ffffff;--color-header-bg: rgba(250, 246, 241, .88);--color-header-border: rgba(231, 221, 208, .75);--color-step-bg: rgba(255, 255, 255, .62);--color-step-border: rgba(231, 221, 208, .95);--color-contact-glow: var(--color-primary-soft);--color-footer-bg: var(--color-text);--color-footer-text: var(--color-white);--color-footer-muted: rgba(255, 255, 255, .72);--color-notice-bg: var(--color-primary-soft);--color-notice-border: var(--color-primary);--color-notice-text: var(--color-text);--shadow: 0 18px 60px rgba(28, 25, 23, .1);--shadow-soft: 0 8px 24px rgba(28, 25, 23, .08);--r-sm: 12px;--r: 18px;--r-lg: 30px;--container: 1220px;--gap: clamp(22px, 4vw, 54px);--font: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg: var(--color-bg);--surface: var(--color-surface);--surface-muted: var(--color-bg-muted);--text: var(--color-text);--muted: var(--color-muted);--border: var(--color-border);--accent: var(--color-primary-ink);--accent-dark: var(--color-primary-ink);--accent-soft: var(--color-primary-soft);--radius: var(--r-lg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:linear-gradient(#faf6f1bf,#faf6f1bf),url(/images/hattinger_komprimiert.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:var(--text);line-height:1.6}img,svg{max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--color-primary-focus);outline-offset:4px}p{margin:0;color:var(--muted)}h1,h2,h3{margin:0;line-height:1.08;letter-spacing:-.04em}h1{max-width:none;font-size:clamp(2.7rem,4vw,6.7rem)}h2{font-size:clamp(2rem,4vw,3.4rem)}h3{font-size:1.35rem}.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}.container-left{width:min(calc(100% - 32px),var(--container));margin-left:16px;margin-right:auto}.narrow{max-width:760px}.site-header{position:sticky;top:0;z-index:20;background:var(--color-header-bg);border-bottom:1px solid var(--color-header-border);backdrop-filter:blur(18px)}.header-inner{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em}.brand-mark{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:12px;background:var(--text);color:var(--surface);font-size:.85rem}.nav{display:flex;align-items:center;gap:20px;color:var(--muted);font-weight:650;font-size:.95rem}.nav a:hover,.text-link:hover{color:var(--accent)}.footer-list a:hover{color:var(--color-primary)}.hero{padding:90px 0 80px}.hero-grid{display:block}.hero-copy{display:grid;gap:28px;max-width:none}.eyebrow{color:var(--accent);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.hero-text{max-width:760px;font-size:clamp(1.1rem,2vw,1.35rem)}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px auto}.icon-badge{width:100%;height:auto;display:flex;place-items:center;background:#fff}.icon-img{width:50%;height:auto;object-fit:contain;display:flex;margin:auto}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;font-weight:800;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--color-primary);color:var(--color-on-primary)}.button-primary:hover{background:var(--color-primary-hover)}.button-primary.decent{background:var(--color-bg);color:var(--color-on-primary)}.button-primary.decent:hover{background:var(--color-primary)}.button-secondary{background:var(--color-transparent);border:1px solid var(--border);color:var(--text)}.button-secondary:hover{border-color:var(--accent)}.trust-note{font-size:.95rem}.hero-card,.card,.price-card,.about-box,.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:28px}.hero-card h2,.about-box h2{margin:12px 0}.card-label{color:var(--accent);font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.check-list{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:10px}.check-list li{position:relative;padding-left:26px;color:var(--text);font-weight:650}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:900}.section{padding:92px 0}.section-muted{background:var(--surface-muted)}.section-heading{max-width:780px;display:grid;gap:14px;margin-bottom:36px}.card-grid,.pricing-grid{display:grid;gap:18px}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.price-card{padding:24px;display:grid;gap:14px}.card p,.price-card p{font-size:.98rem}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}.split.reverse{grid-template-columns:1.1fr .9fr}.steps{margin:0;padding:0;display:grid;gap:16px;list-style:none}.steps li{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px;border-radius:var(--r);background:var(--color-step-bg);border:1px solid var(--color-step-border)}.steps span{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:var(--accent-soft);color:var(--accent-dark);font-weight:900}.steps h3{margin-bottom:8px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),360px));justify-content:center;align-items:stretch}.price-card.featured{border-color:var(--color-primary);transform:translateY(-8px)}.price{color:var(--text);font-size:2.2rem;font-weight:900;letter-spacing:-.05em}.about-box{padding:30px}.about-box p+p{margin-top:14px}.text-link{display:inline-block;margin-top:20px;color:var(--accent-dark);font-weight:900}.contact-section{padding-top:110px}.contact-card{padding:clamp(28px,6vw,64px);display:grid;gap:18px;background:radial-gradient(circle at top right,var(--color-contact-glow),var(--color-transparent) 34%),var(--surface)}.contact-card p{max-width:680px}.site-footer{padding:54px 0;background:var(--color-footer-bg);color:var(--color-footer-text)}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:34px}.footer-brand{margin-bottom:16px}.site-footer p,.site-footer a,.site-footer li{color:var(--color-footer-muted)}.site-footer h2{margin-bottom:14px;font-size:1rem;letter-spacing:0;color:var(--color-footer-text)}.site-footer .brand-mark{background:var(--color-primary);color:var(--color-on-primary)}.footer-list{margin:0;padding:0;display:grid;gap:10px;list-style:none}.legal-page h1{margin-bottom:24px;font-size:clamp(2.4rem,6vw,4rem)}.legal-page h2{margin-top:34px;margin-bottom:10px;font-size:1.45rem;letter-spacing:-.02em}.legal-page a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}.notice{margin:28px 0;padding:18px;border-radius:var(--r);background:var(--color-notice-bg);border:1px solid var(--color-notice-border);color:var(--color-notice-text)}@media(max-width:900px){.hero-grid,.split,.split.reverse,.footer-grid{grid-template-columns:1fr}.three-columns,.pricing-grid{grid-template-columns:1fr 1fr}.price-card.featured{transform:none}}@media(max-width:680px){.header-inner{min-height:auto;padding:18px 0;align-items:flex-start}.nav{display:none}.hero{padding:58px 0 60px}.section{padding:68px 0}.three-columns,.pricing-grid,.steps li{grid-template-columns:1fr}.hero-actions,.contact-actions{flex-direction:column}.button{width:100%}}