Angelika Staudacher \u00b7 Steuerberatung<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Hanken+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --ink:#14201B;\n --green:#1C342E;\n --green-deep:#142420;\n --patina:#3A6157;\n --stone:#F2EEE5;\n --stone-warm:#EAE4D6;\n --paper:#FBF9F3;\n --brass:#B89461;\n --brass-bright:#C9A86E;\n --cream-text:#E8E3D6;\n --muted:#5C6660;\n --line:#D8D1C2;\n --display:'Cormorant Garamond', Georgia, serif;\n --sans:'Hanken Grotesk', system-ui, sans-serif;\n }\n *{margin:0;padding:0;box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{\n font-family:var(--sans);\n background:var(--stone);\n color:var(--ink);\n line-height:1.6;\n -webkit-font-smoothing:antialiased;\n overflow-x:hidden;\n }\n img{display:block;max-width:100%}\n a{color:inherit;text-decoration:none}\n\n .wrap{max-width:1240px;margin:0 auto;padding:0 32px}\n .eyebrow{\n font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;\n font-weight:600;color:var(--brass);\n }\n .eyebrow.on-dark{color:var(--brass-bright)}\n\n \/* ---------- Monogram seal ---------- *\/\n .seal{\n width:46px;height:46px;border:1px solid var(--brass);border-radius:50%;\n display:grid;place-items:center;flex:none;position:relative;\n }\n .seal::after{content:\"\";position:absolute;inset:4px;border:1px solid rgba(184,148,97,.4);border-radius:50%}\n .seal span{font-family:var(--display);font-weight:600;font-size:1.05rem;letter-spacing:.04em;color:var(--brass);line-height:1}\n\n \/* ---------- Header ---------- *\/\n header{\n position:fixed;top:0;left:0;right:0;z-index:50;\n padding:20px 0;transition:padding .4s ease, background .4s ease, box-shadow .4s ease;\n }\n header.scrolled{\n padding:12px 0;background:rgba(20,32,27,.92);\n backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(184,148,97,.18);\n }\n .nav{display:flex;align-items:center;justify-content:space-between;gap:24px}\n .brand{display:flex;align-items:center;gap:14px;color:var(--cream-text)}\n .brand .name{font-family:var(--display);font-size:1.32rem;letter-spacing:.02em;line-height:1.05}\n .brand .role{font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:var(--brass-bright);font-weight:600}\n .menu{display:flex;align-items:center;gap:34px}\n .menu a{font-size:.82rem;letter-spacing:.06em;color:var(--cream-text);font-weight:500;position:relative;padding:4px 0;opacity:.85;transition:opacity .25s;white-space:nowrap}\n .menu a:not(.nav-cta)::after{content:\"\";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--brass-bright);transition:width .3s ease}\n .menu a:hover{opacity:1}\n .menu a:not(.nav-cta):hover::after{width:100%}\n \/* header CTA: refined link with arrow, no box *\/\n .nav-cta{display:inline-flex;align-items:center;gap:9px;color:var(--brass-bright)!important;font-weight:600;letter-spacing:.04em;opacity:1!important;white-space:nowrap}\n .nav-cta .arrow{display:inline-block;width:18px;height:1px;background:var(--brass-bright);position:relative;transition:width .3s ease}\n .nav-cta .arrow::after{content:\"\";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--brass-bright);border-right:1px solid var(--brass-bright);transform:rotate(45deg)}\n .nav-cta:hover .arrow{width:28px}\n\n .btn{\n font-family:var(--sans);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;\n padding:15px 30px;border:1px solid var(--brass);color:var(--brass-bright);white-space:nowrap;\n background:transparent;cursor:pointer;transition:all .35s ease;border-radius:2px;line-height:1;display:inline-block;\n }\n .btn.solid{background:var(--brass);color:var(--green-deep);border-color:var(--brass)}\n .btn.solid:hover{background:var(--brass-bright);border-color:var(--brass-bright)}\n .btn.ghost{background:transparent;border-color:rgba(232,227,214,.45);color:var(--cream-text)}\n .btn.ghost:hover{border-color:var(--brass-bright);color:var(--brass-bright)}\n .burger{display:none;background:none;border:none;color:var(--cream-text);cursor:pointer;flex-direction:column;gap:5px;padding:6px}\n .burger span{display:block;width:26px;height:2px;background:currentColor;transition:.3s}\n\n \/* ---------- Hero (full-bleed) ---------- *\/\n .hero{position:relative;min-height:100vh;display:flex;align-items:center;color:var(--cream-text);overflow:hidden}\n .hero-bg{position:absolute;inset:0;z-index:0}\n .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:62% 32%;transform:scale(1.12);will-change:transform;opacity:0;animation:heroIn 1.8s .1s ease-out forwards}\n @keyframes heroIn{from{opacity:0}to{opacity:1}}\n .hero-bg::after{\n content:\"\";position:absolute;inset:0;\n background:\n linear-gradient(180deg, rgba(15,26,22,.55) 0%, rgba(15,26,22,0) 16%),\n linear-gradient(90deg, rgba(15,26,22,.94) 0%, rgba(15,26,22,.72) 30%, rgba(15,26,22,.25) 58%, rgba(15,26,22,0) 80%),\n linear-gradient(0deg, rgba(15,26,22,.72) 0%, rgba(15,26,22,0) 42%);\n }\n .hero-inner{position:relative;z-index:2;width:100%;padding-top:120px;padding-bottom:60px}\n .hero-eyebrow{display:flex;align-items:center;gap:14px}\n .hero-eyebrow::before{content:\"\";width:42px;height:1px;background:var(--brass)}\n .hero h1{\n font-family:var(--display);font-weight:500;\n font-size:clamp(2.9rem,6.4vw,6rem);line-height:1.0;letter-spacing:-.01em;margin:24px 0 26px;max-width:15ch;\n text-shadow:0 2px 30px rgba(10,18,15,.45);\n }\n .hero h1 em{font-style:italic;color:var(--brass-bright)}\n .hero p.lead{font-size:clamp(1.02rem,1.4vw,1.2rem);max-width:46ch;color:rgba(232,227,214,.9);font-weight:400}\n .hero-cta{display:flex;gap:14px;margin-top:40px;flex-wrap:wrap}\n .hero-mark{position:absolute;right:30px;bottom:24px;z-index:2;font-size:.64rem;letter-spacing:.34em;text-transform:uppercase;color:rgba(232,227,214,.72);text-shadow:0 1px 12px rgba(0,0,0,.6)}\n\n \/* reveal animation *\/\n .reveal{opacity:0;transform:translateY(34px);transition:opacity 1.1s cubic-bezier(.2,.65,.2,1), transform 1.1s cubic-bezier(.2,.65,.2,1)}\n .reveal.in{opacity:1;transform:none}\n .reveal.d1{transition-delay:.12s}.reveal.d2{transition-delay:.24s}.reveal.d3{transition-delay:.36s}\n\n \/* ---------- Sections ---------- *\/\n section{position:relative}\n .pad{padding:clamp(80px,11vw,150px) 0}\n .head-block{max-width:62ch}\n .head-block h2{font-family:var(--display);font-weight:500;font-size:clamp(2rem,4.4vw,3.5rem);line-height:1.04;letter-spacing:-.01em;margin:18px 0 0}\n .lede{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--muted);margin-top:24px;max-width:54ch}\n\n \/* Positioning \/ statement *\/\n .statement{background:var(--paper);text-align:center}\n .statement .wrap{max-width:980px}\n .statement .rule{width:64px;height:1px;background:var(--brass);margin:0 auto 30px}\n .statement p{font-family:var(--display);font-size:clamp(1.6rem,3.6vw,2.9rem);line-height:1.28;font-weight:400;color:var(--ink)}\n .statement p .accent{color:var(--patina);font-style:italic}\n .statement .sign{margin-top:36px;font-family:var(--display);font-size:1.5rem;color:var(--brass)}\n .statement .sign small{display:block;font-family:var(--sans);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-top:6px}\n\n \/* Leistungen *\/\n .services{background:var(--green);color:var(--cream-text)}\n .services .lede{color:rgba(232,227,214,.72)}\n .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:64px;border-top:1px solid rgba(184,148,97,.28)}\n .svc{\n padding:42px 36px 46px;border-bottom:1px solid rgba(184,148,97,.28);\n border-right:1px solid rgba(184,148,97,.28);position:relative;transition:background .4s ease;\n }\n .svc:nth-child(3n){border-right:none}\n .svc::before{content:\"\";position:absolute;top:-1px;left:0;height:2px;width:0;background:var(--brass-bright);transition:width .4s ease}\n .svc:hover{background:rgba(184,148,97,.06)}\n .svc:hover::before{width:100%}\n .svc .num{font-family:var(--display);font-size:1rem;color:var(--brass-bright);letter-spacing:.05em}\n .svc h3{font-family:var(--display);font-weight:500;font-size:1.62rem;margin:14px 0 12px;line-height:1.12}\n .svc p{font-size:.94rem;color:rgba(232,227,214,.72);line-height:1.65}\n\n \/* \u00dcber mich *\/\n .about{background:var(--stone)}\n .about .grid{display:grid;grid-template-columns:0.92fr 1.08fr;gap:clamp(40px,6vw,84px);align-items:center}\n .about .photo{position:relative}\n .about .photo img{width:100%;height:100%;object-fit:cover;border-radius:2px}\n .about .photo .frame{position:absolute;inset:18px;border:1px solid var(--brass);pointer-events:none;mix-blend-mode:multiply;opacity:.55}\n .about h2{margin-top:16px}\n .about .bio p{margin-top:20px;color:#3c453f;font-size:1.02rem}\n .about .creds{display:flex;gap:40px;margin-top:38px;flex-wrap:wrap}\n .about .creds .c .n{font-family:var(--display);font-size:2.6rem;color:var(--patina);line-height:1}\n .about .creds .c .l{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:6px}\n\n \/* Kanzlei \/ R\u00e4ume *\/\n .rooms{background:var(--paper)}\n .rooms .grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;margin-top:60px;align-items:stretch}\n .rooms figure{position:relative;overflow:hidden;border-radius:2px}\n .rooms figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.6,.2,1)}\n .rooms figure:hover img{transform:scale(1.05)}\n .rooms figcaption{position:absolute;left:22px;bottom:20px;color:#fff;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 14px rgba(0,0,0,.5)}\n .rooms .tall{grid-row:span 1}\n\n \/* Versprechen banner *\/\n .promise{position:relative;color:var(--cream-text);overflow:hidden}\n .promise img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}\n .promise::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,32,27,.92),rgba(20,32,27,.55))}\n .promise .wrap{position:relative;z-index:2}\n .promise .inner{max-width:620px;padding:clamp(80px,11vw,140px) 0}\n .promise h2{font-family:var(--display);font-weight:500;font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.12;margin:18px 0 22px}\n .promise p{color:rgba(232,227,214,.85);font-size:1.05rem}\n\n \/* Ablauf *\/\n .process{background:var(--green-deep);color:var(--cream-text)}\n .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:64px}\n .step{position:relative;padding-top:30px;border-top:1px solid rgba(184,148,97,.3)}\n .step .idx{font-family:var(--display);font-size:3.2rem;color:var(--brass-bright);line-height:.9}\n .step h3{font-family:var(--display);font-weight:500;font-size:1.55rem;margin:16px 0 10px}\n .step p{font-size:.95rem;color:rgba(232,227,214,.72)}\n\n \/* Kontakt *\/\n .contact{background:var(--stone)}\n .contact .grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(44px,7vw,90px)}\n .contact h2{margin-top:14px}\n .contact .info{margin-top:36px;display:flex;flex-direction:column;gap:26px}\n .contact .info .row .k{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);font-weight:600}\n .contact .info .row .v{font-family:var(--display);font-size:1.35rem;color:var(--ink);margin-top:4px;line-height:1.4}\n .contact .info .row .v a:hover{color:var(--patina)}\n form{display:flex;flex-direction:column;gap:18px}\n .field label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;display:block;margin-bottom:7px}\n .field input,.field textarea{\n width:100%;padding:14px 16px;border:1px solid var(--line);background:var(--paper);\n font-family:var(--sans);font-size:.98rem;color:var(--ink);border-radius:2px;transition:border-color .25s, box-shadow .25s;\n }\n .field input:focus,.field textarea:focus{outline:none;border-color:var(--patina);box-shadow:0 0 0 3px rgba(58,97,87,.12)}\n .field textarea{resize:vertical;min-height:120px}\n .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}\n form .btn{align-self:flex-start;margin-top:6px}\n .form-note{font-size:.78rem;color:var(--muted);margin-top:4px}\n .form-ok{display:none;padding:16px;background:rgba(58,97,87,.1);border:1px solid var(--patina);color:var(--patina);border-radius:2px;font-size:.92rem}\n\n \/* Footer *\/\n footer{background:var(--green-deep);color:rgba(232,227,214,.7);padding:64px 0 34px}\n .foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid rgba(184,148,97,.2)}\n .foot-brand{display:flex;align-items:center;gap:14px}\n .foot-brand .name{font-family:var(--display);font-size:1.45rem;color:var(--cream-text)}\n .foot-nav{display:flex;gap:30px;flex-wrap:wrap;font-size:.85rem}\n .foot-nav a:hover{color:var(--brass-bright)}\n .foot-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:26px;font-size:.78rem;letter-spacing:.04em}\n .foot-bottom a:hover{color:var(--brass-bright)}\n\n @media(max-width:980px){\n .svc-grid{grid-template-columns:repeat(2,1fr)}\n .svc:nth-child(3n){border-right:1px solid rgba(184,148,97,.28)}\n .svc:nth-child(2n){border-right:none}\n .about .grid,.contact .grid,.rooms .grid{grid-template-columns:1fr}\n .steps{grid-template-columns:1fr;gap:0}\n .step{padding:28px 0;border-top:1px solid rgba(184,148,97,.3)}\n .hero h1{font-size:clamp(2.6rem,8vw,4rem);max-width:18ch}\n .hero-inner{padding-top:120px;padding-bottom:80px}\n .hero-mark{display:none}\n }\n @media(max-width:720px){\n .wrap{padding:0 22px}\n .menu{position:fixed;inset:0;background:rgba(20,32,27,.98);flex-direction:column;justify-content:center;gap:30px;transform:translateX(100%);transition:transform .4s ease;backdrop-filter:blur(8px)}\n .menu.open{transform:none}\n .menu a{font-size:1.3rem;font-family:var(--display)}\n .menu .btn{font-family:var(--sans)}\n .burger{display:flex}\n header.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}\n header.menu-open .burger span:nth-child(2){opacity:0}\n header.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\n .svc-grid{grid-template-columns:1fr}\n .svc{border-right:none!important}\n .row2{grid-template-columns:1fr}\n .foot-top{flex-direction:column}\n .hero{align-items:flex-end}\n .hero-bg img{object-position:60% 28%}\n .hero-bg::after{background:\n linear-gradient(180deg, rgba(15,26,22,.6) 0%, rgba(15,26,22,0) 16%),\n linear-gradient(0deg, rgba(15,26,22,.94) 0%, rgba(15,26,22,.55) 38%, rgba(15,26,22,.08) 68%, rgba(15,26,22,0) 82%);}\n .hero h1{font-size:clamp(2.4rem,9.5vw,3.3rem);max-width:16ch}\n .hero-inner{padding-bottom:64px}\n }\n @media(prefers-reduced-motion:reduce){\n *{animation:none!important;scroll-behavior:auto}\n .reveal{opacity:1;transform:none;transition:none}\n .hero-bg img{transform:none;animation:none}\n .grain{display:none}\n }\n\n \/* ===== Atmosphere ===== *\/\n \/* Film grain for tactile depth *\/\n .grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:soft-light;\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n background-size:240px;animation:grainShift 8s steps(6) infinite}\n @keyframes grainShift{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-4%)}60%{transform:translate(-3%,2%)}80%{transform:translate(2%,4%)}100%{transform:translate(0,0)}}\n\n \/* Warm ambient light in dark sections *\/\n .services,.process{position:relative;overflow:hidden}\n .services::after,.process::after{content:\"\";position:absolute;top:-140px;left:50%;width:120%;max-width:1100px;height:420px;\n transform:translateX(-50%);pointer-events:none;\n background:radial-gradient(ellipse at center, rgba(184,148,97,.13), rgba(184,148,97,0) 68%);}\n .services .wrap,.process .wrap{position:relative;z-index:1}\n\n \/* Eyebrow \/ hero rule draws in *\/\n .hero-eyebrow::before{width:0;transition:width 1s cubic-bezier(.2,.65,.2,1) .35s}\n .reveal.in.hero-eyebrow::before{width:42px}\n\n \/* Statement becomes a quiet moment *\/\n .statement{overflow:hidden}\n .statement .wrap{position:relative}\n .statement .rule{width:0;transition:width 1.1s cubic-bezier(.2,.65,.2,1) .15s}\n .statement .reveal.in .rule{width:64px}\n .statement::before{content:\"\\201C\";position:absolute;top:-2.2rem;left:50%;transform:translateX(-50%);\n font-family:var(--display);font-size:11rem;line-height:1;color:rgba(58,97,87,.08);pointer-events:none;z-index:0}\n .statement .wrap > *{position:relative;z-index:1}\n\n \/* Service cards: gentle lift + arrow cue *\/\n .svc{transition:background .45s ease, transform .45s cubic-bezier(.2,.65,.2,1)}\n .svc h3{transition:color .35s ease}\n .svc:hover{transform:translateY(-5px)}\n .svc:hover h3{color:var(--brass-bright)}\n\n \/* Stat numbers: tabular so count-up does not jitter *\/\n .about .creds .c .n{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\"}\n<\/style>\n<\/head>\n<body>\n<div class=\"grain\" aria-hidden=\"true\"><\/div>\n<header id=\"header\">\n <div class=\"wrap nav\">\n <a href=\"#top\" class=\"brand\" aria-label=\"Angelika Staudacher Steuerberatung, zur Startseite\">\n <span class=\"seal\"><span>AS<\/span><\/span>\n <span>\n <span class=\"name\">Angelika Staudacher<\/span><br>\n <span class=\"role\">Steuerberatung<\/span>\n <\/span>\n <\/a>\n <nav class=\"menu\" id=\"menu\">\n <a href=\"#leistungen\">Leistungen<\/a>\n <a href=\"#kanzlei\">Kanzlei<\/a>\n <a href=\"#ueber\">\u00dcber mich<\/a>\n <a href=\"#ablauf\">Ablauf<\/a>\n <a href=\"#kontakt\" class=\"nav-cta\">Termin vereinbaren <span class=\"arrow\"><\/span><\/a>\n <\/nav>\n <button class=\"burger\" id=\"burger\" aria-label=\"Men\u00fc \u00f6ffnen\"><span><\/span><span><\/span><span><\/span><\/button>\n <\/div>\n<\/header>\n\n\n<section class=\"hero\" id=\"top\">\n <div class=\"hero-bg\"><img decoding=\"async\" src=\"https:\/\/06.mydemohost.de\/wp-content\/uploads\/2026\/06\/1-hero-kanzleigebaeude.jpg\" alt=\"Historisches Kanzleigeb\u00e4ude von Angelika Staudacher Steuerberatung\"><\/div>\n <div class=\"hero-inner wrap\">\n <span class=\"hero-eyebrow eyebrow on-dark reveal in\">Kanzlei f\u00fcr Steuerberatung<\/span>\n <h1 class=\"reveal d1 in\">Klarheit in Zahlen, <em>Vertrauen<\/em> \u00fcber Jahre.<\/h1>\n <p class=\"lead reveal d2 in\">Pers\u00f6nliche, vorausschauende Steuerberatung f\u00fcr Unternehmer, Freiberufler und anspruchsvolle Privatmandanten. Diskret, pr\u00e4zise und auf Augenh\u00f6he.<\/p>\n <div class=\"hero-cta reveal d3 in\">\n <a href=\"#kontakt\" class=\"btn solid\">Erstgespr\u00e4ch anfragen<\/a>\n <a href=\"#leistungen\" class=\"btn ghost\">Leistungen ansehen<\/a>\n <\/div>\n <\/div>\n <span class=\"hero-mark\">Stuttgart<\/span>\n<\/section>\n\n\n<section class=\"statement pad\">\n <div class=\"wrap reveal\">\n <div class=\"rule\"><\/div>\n <p>Gute Steuerberatung rechnet nicht nur. Sie <span class=\"accent\">denkt voraus<\/span>, schafft Spielr\u00e4ume und gibt Ihnen den Kopf frei f\u00fcr das, worauf es ankommt: Ihr Unternehmen und Ihr Leben.<\/p>\n <div class=\"sign\">Angelika Staudacher<small>Steuerberaterin<\/small><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"services pad\" id=\"leistungen\">\n <div class=\"wrap\">\n <div class=\"head-block reveal\">\n <span class=\"eyebrow on-dark\">Leistungen<\/span>\n <h2>Beratung, die mehr abdeckt als die Steuererkl\u00e4rung.<\/h2>\n <p class=\"lede\">Von der laufenden Buchhaltung bis zur strategischen Gestaltung begleite ich Sie in allen steuerlichen Fragen, pers\u00f6nlich und das ganze Jahr \u00fcber.<\/p>\n <\/div>\n <div class=\"svc-grid\">\n <div class=\"svc reveal\"><div class=\"num\">01<\/div><h3>Steuererkl\u00e4rungen<\/h3><p>Private und betriebliche Steuererkl\u00e4rungen, sorgf\u00e4ltig vorbereitet und so gestaltet, dass kein legaler Vorteil ungenutzt bleibt.<\/p><\/div>\n <div class=\"svc reveal d1\"><div class=\"num\">02<\/div><h3>Jahresabschluss & Bilanz<\/h3><p>Bilanzen, Einnahmen\u00fcberschussrechnungen und betriebswirtschaftliche Auswertungen, die belastbar sind und Ihre Lage klar zeigen.<\/p><\/div>\n <div class=\"svc reveal d2\"><div class=\"num\">03<\/div><h3>Finanz- & Lohnbuchhaltung<\/h3><p>Laufende Buchf\u00fchrung und Lohnabrechnung, digital und termintreu, damit Sie sich auf das Wesentliche konzentrieren k\u00f6nnen.<\/p><\/div>\n <div class=\"svc reveal\"><div class=\"num\">04<\/div><h3>Existenzgr\u00fcndung<\/h3><p>Rechtsformwahl, Finanzplanung und steuerliche Anmeldung. Ein verl\u00e4sslicher Start, von der ersten Idee bis zum Finanzamt.<\/p><\/div>\n <div class=\"svc reveal d1\"><div class=\"num\">05<\/div><h3>Steuergestaltung<\/h3><p>Vorausschauende Konzepte f\u00fcr Unternehmen, Nachfolge und Verm\u00f6gen, abgestimmt auf Ihre Ziele statt von der Stange.<\/p><\/div>\n <div class=\"svc reveal d2\"><div class=\"num\">06<\/div><h3>Digitale Buchhaltung<\/h3><p>Papierlose Prozesse mit moderner Software. Ihre Zahlen jederzeit aktuell, sicher und \u00fcbersichtlich verf\u00fcgbar.<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"about pad\" id=\"ueber\">\n <div class=\"wrap\">\n <div class=\"grid\">\n <div class=\"photo reveal\">\n <img decoding=\"async\" src=\"https:\/\/06.mydemohost.de\/wp-content\/uploads\/2026\/06\/2-angelika-portrait.jpg\" alt=\"Angelika Staudacher, Steuerberaterin, an ihrem Schreibtisch\">\n <span class=\"frame\"><\/span>\n <\/div>\n <div class=\"bio reveal d1\">\n <span class=\"eyebrow\">\u00dcber mich<\/span>\n <h2>Eine Beraterin, die zuh\u00f6rt, bevor sie rechnet.<\/h2>\n <p>Seit vielen Jahren begleite ich Mandantinnen und Mandanten durch ihre steuerlichen Themen. Was mich antreibt, ist nicht die Pflichterf\u00fcllung, sondern echte Entlastung: L\u00f6sungen, die zu Ihrem Leben und Ihrem Unternehmen passen.<\/p>\n <p>Bei mir sprechen Sie nicht mit einer Hotline, sondern mit der Person, die Ihre Akte kennt. Kurze Wege, klare Sprache und die Gewissheit, dass jemand mitdenkt, das ist mein Verst\u00e4ndnis von Steuerberatung.<\/p>\n <div class=\"creds\">\n <div class=\"c\"><div class=\"n\" data-count=\"15\" data-suffix=\"+\">0<\/div><div class=\"l\">Jahre Erfahrung<\/div><\/div>\n <div class=\"c\"><div class=\"n\" data-count=\"300\" data-suffix=\"+\">0<\/div><div class=\"l\">Betreute Mandate<\/div><\/div>\n <div class=\"c\"><div class=\"n\" data-count=\"100\" data-suffix=\"%\">0<\/div><div class=\"l\">Pers\u00f6nlich betreut<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"rooms pad\" id=\"kanzlei\">\n <div class=\"wrap\">\n <div class=\"head-block reveal\">\n <span class=\"eyebrow\">Die Kanzlei<\/span>\n <h2>Ein Ort, an dem Beratung Raum bekommt.<\/h2>\n <p class=\"lede\">Helle, ruhige R\u00e4ume in historischem Gem\u00e4uer. Hier nehmen wir uns Zeit f\u00fcr Ihre Anliegen, ungest\u00f6rt und auf Augenh\u00f6he.<\/p>\n <\/div>\n <div class=\"grid\">\n <figure class=\"reveal\"><img decoding=\"async\" src=\"https:\/\/06.mydemohost.de\/wp-content\/uploads\/2026\/06\/3-kanzlei-besprechung.jpg\" alt=\"Besprechungsraum der Kanzlei\"><figcaption>Besprechung<\/figcaption><\/figure>\n <figure class=\"reveal d1\"><img decoding=\"async\" src=\"https:\/\/06.mydemohost.de\/wp-content\/uploads\/2026\/06\/4-kanzlei-empfang.jpg\" alt=\"Empfangs- und Wartebereich der Kanzlei\"><figcaption>Empfang<\/figcaption><\/figure>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"promise\">\n <img decoding=\"async\" src=\"https:\/\/06.mydemohost.de\/wp-content\/uploads\/2026\/06\/5-versprechen-handschlag.jpg\" alt=\"Vertrauensvolle Zusammenarbeit per Handschlag\">\n <div class=\"wrap\">\n <div class=\"inner reveal\">\n <span class=\"eyebrow on-dark\">Mein Versprechen<\/span>\n <h2>Verbindlichkeit ist keine Floskel, sondern die Grundlage unserer Zusammenarbeit.<\/h2>\n <p>Sie erreichen mich, wenn Sie mich brauchen. Sie verstehen, was ich Ihnen rate. Und Sie wissen, dass Ihre Zahlen in vertrauensvollen H\u00e4nden liegen. Genau das d\u00fcrfen Sie von einer guten Beraterin erwarten.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"process pad\" id=\"ablauf\">\n <div class=\"wrap\">\n <div class=\"head-block reveal\">\n <span class=\"eyebrow on-dark\">So arbeiten wir zusammen<\/span>\n <h2>Drei Schritte zu klaren Verh\u00e4ltnissen.<\/h2>\n <\/div>\n <div class=\"steps\">\n <div class=\"step reveal\"><div class=\"idx\">01<\/div><h3>Erstgespr\u00e4ch<\/h3><p>Wir lernen uns kennen und kl\u00e4ren in Ruhe, wo Sie stehen und was Sie brauchen. Unverbindlich und kostenfrei.<\/p><\/div>\n <div class=\"step reveal d1\"><div class=\"idx\">02<\/div><h3>Analyse & Konzept<\/h3><p>Ich verschaffe mir ein vollst\u00e4ndiges Bild und entwickle einen Plan, der zu Ihrer Situation passt und Spielr\u00e4ume nutzt.<\/p><\/div>\n <div class=\"step reveal d2\"><div class=\"idx\">03<\/div><h3>Laufende Betreuung<\/h3><p>Ich \u00fcbernehme Ihre steuerlichen Themen und bleibe das ganze Jahr an Ihrer Seite, vorausschauend statt nur fristgerecht.<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"contact pad\" id=\"kontakt\">\n <div class=\"wrap\">\n <div class=\"grid\">\n <div class=\"reveal\">\n <span class=\"eyebrow\">Kontakt<\/span>\n <h2>Lernen wir uns kennen.<\/h2>\n <p class=\"lede\">Schreiben Sie mir, wof\u00fcr Sie Unterst\u00fctzung suchen. Ich melde mich pers\u00f6nlich und finde mit Ihnen einen passenden Termin.<\/p>\n <div class=\"info\">\n <div class=\"row\"><div class=\"k\">Telefon<\/div><div class=\"v\"><a href=\"tel:+497110000000\">+49 711 000 00 00<\/a><\/div><\/div>\n <div class=\"row\"><div class=\"k\">E-Mail<\/div><div class=\"v\"><a href=\"mailto:kanzlei@staudacher-stb.de\">kanzlei@staudacher-stb.de<\/a><\/div><\/div>\n <div class=\"row\"><div class=\"k\">Kanzlei<\/div><div class=\"v\">Musterstra\u00dfe 12<br>70173 Stuttgart<\/div><\/div>\n <div class=\"row\"><div class=\"k\">Sprechzeiten<\/div><div class=\"v\">Mo bis Fr, 9 bis 17 Uhr<br>und nach Vereinbarung<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"reveal d1\">\n <form id=\"contactForm\">\n <div class=\"row2\">\n <div class=\"field\"><label for=\"name\">Name<\/label><input id=\"name\" type=\"text\" placeholder=\"Ihr Name\" required=\"\"><\/div>\n <div class=\"field\"><label for=\"phone\">Telefon<\/label><input id=\"phone\" type=\"tel\" placeholder=\"Optional\"><\/div>\n <\/div>\n <div class=\"field\"><label for=\"email\">E-Mail<\/label><input id=\"email\" type=\"email\" placeholder=\"ihre@email.de\" required=\"\"><\/div>\n <div class=\"field\"><label for=\"topic\">Anliegen<\/label><input id=\"topic\" type=\"text\" placeholder=\"z. B. Existenzgr\u00fcndung, Jahresabschluss\"><\/div>\n <div class=\"field\"><label for=\"msg\">Nachricht<\/label><textarea id=\"msg\" placeholder=\"Worum geht es?\" required=\"\"><\/textarea><\/div>\n <button type=\"submit\" class=\"btn solid\">Anfrage senden<\/button>\n <p class=\"form-note\">Mit dem Absenden erkl\u00e4ren Sie sich mit der Verarbeitung Ihrer Angaben zur Bearbeitung der Anfrage einverstanden.<\/p>\n <div class=\"form-ok\" id=\"formOk\">Vielen Dank. Ihre Anfrage ist eingegangen, ich melde mich zeitnah pers\u00f6nlich bei Ihnen.<\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"wrap\">\n <div class=\"foot-top\">\n <div class=\"foot-brand\">\n <span class=\"seal\"><span>AS<\/span><\/span>\n <span class=\"name\">Angelika Staudacher Steuerberatung<\/span>\n <\/div>\n <nav class=\"foot-nav\">\n <a href=\"#leistungen\">Leistungen<\/a>\n <a href=\"#kanzlei\">Kanzlei<\/a>\n <a href=\"#ueber\">\u00dcber mich<\/a>\n <a href=\"#ablauf\">Ablauf<\/a>\n <a href=\"#kontakt\">Kontakt<\/a>\n <\/nav>\n <\/div>\n <div class=\"foot-bottom\">\n <span>\u00a9 2026 Angelika Staudacher Steuerberatung. Alle Rechte vorbehalten.<\/span>\n <span><a href=\"#\">Impressum<\/a> \u00b7 <a href=\"#\">Datenschutz<\/a><\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ Header on scroll\n const header=document.getElementById('header');\n const onScroll=()=>header.classList.toggle('scrolled',window.scrollY>40);\n onScroll();window.addEventListener('scroll',onScroll,{passive:true});\n\n \/\/ Mobile menu\n const burger=document.getElementById('burger'), menu=document.getElementById('menu');\n burger.addEventListener('click',()=>{menu.classList.toggle('open');header.classList.toggle('menu-open');});\n menu.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>{menu.classList.remove('open');header.classList.remove('menu-open');}));\n\n \/\/ Reveal on scroll\n const reduce=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n const io=new IntersectionObserver((entries)=>{\n entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});\n },{threshold:0.12,rootMargin:'0px 0px -8% 0px'});\n document.querySelectorAll('.reveal').forEach(el=>io.observe(el));\n\n \/\/ Hero parallax (subtle depth on scroll)\n const heroImg=document.querySelector('.hero-bg img');\n if(heroImg && !reduce){\n let ticking=false;\n const para=()=>{const y=window.scrollY;\n if(y < window.innerHeight){heroImg.style.transform=`translate3d(0, ${y*0.18}px, 0) scale(1.12)`;}\n ticking=false;};\n window.addEventListener('scroll',()=>{if(!ticking){requestAnimationFrame(para);ticking=true;}},{passive:true});\n }\n\n \/\/ Count-up for stats\n const ease=t=>1-Math.pow(1-t,3);\n const countUp=(el)=>{\n const target=+el.dataset.count, suffix=el.dataset.suffix||'', dur=1400, start=performance.now();\n const step=(now)=>{const p=Math.min((now-start)\/dur,1);\n el.textContent=Math.round(ease(p)*target)+suffix;\n if(p<1)requestAnimationFrame(step);};\n requestAnimationFrame(step);\n };\n const statIO=new IntersectionObserver((entries)=>{\n entries.forEach(e=>{if(e.isIntersecting){\n if(reduce){e.target.textContent=e.target.dataset.count+(e.target.dataset.suffix||'');}\n else countUp(e.target);\n statIO.unobserve(e.target);\n }});\n },{threshold:0.6});\n document.querySelectorAll('[data-count]').forEach(el=>statIO.observe(el));\n\n \/\/ Form\n document.getElementById('contactForm').addEventListener('submit',function(ev){\n ev.preventDefault();\n document.getElementById('formOk').style.display='block';\n this.querySelector('button').textContent='Gesendet';\n this.querySelector('button').disabled=true;\n });\n<\/script>\n\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Angelika Staudacher \u00b7 Steuerberatung AS Angelika Staudacher Steuerberatung Leistungen Kanzlei \u00dcber mich Ablauf Termin vereinbaren Kanzlei f\u00fcr Steuerberatung Klarheit in Zahlen, Vertrauen \u00fcber Jahre. Pers\u00f6nliche, vorausschauende Steuerberatung f\u00fcr Unternehmer, Freiberufler und anspruchsvolle Privatmandanten. Diskret, pr\u00e4zise und auf Augenh\u00f6he. Erstgespr\u00e4ch anfragen Leistungen ansehen Stuttgart Gute Steuerberatung rechnet nicht nur. Sie denkt voraus, schafft Spielr\u00e4ume und gibt […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":7,"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\n\n\nAngelika Staudacher \u00b7 Steuerberatung<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Hanken+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --ink:#14201B;\n --green:#1C342E;\n --green-deep:#142420;\n --patina:#3A6157;\n --stone:#F2EEE5;\n --stone-warm:#EAE4D6;\n --paper:#FBF9F3;\n --brass:#B89461;\n --brass-bright:#C9A86E;\n --cream-text:#E8E3D6;\n --muted:#5C6660;\n --line:#D8D1C2;\n --display:'Cormorant Garamond', Georgia, serif;\n --sans:'Hanken Grotesk', system-ui, sans-serif;\n }\n *{margin:0;padding:0;box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{\n font-family:var(--sans);\n background:var(--stone);\n color:var(--ink);\n line-height:1.6;\n -webkit-font-smoothing:antialiased;\n overflow-x:hidden;\n }\n img{display:block;max-width:100%}\n a{color:inherit;text-decoration:none}\n\n .wrap{max-width:1240px;margin:0 auto;padding:0 32px}\n .eyebrow{\n font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;\n font-weight:600;color:var(--brass);\n }\n .eyebrow.on-dark{color:var(--brass-bright)}\n\n \/* ---------- Monogram seal ---------- *\/\n .seal{\n width:46px;height:46px;border:1px solid var(--brass);border-radius:50%;\n display:grid;place-items:center;flex:none;position:relative;\n }\n .seal::after{content:\"\";position:absolute;inset:4px;border:1px solid rgba(184,148,97,.4);border-radius:50%}\n .seal span{font-family:var(--display);font-weight:600;font-size:1.05rem;letter-spacing:.04em;color:var(--brass);line-height:1}\n\n \/* ---------- Header ---------- *\/\n header{\n position:fixed;top:0;left:0;right:0;z-index:50;\n padding:20px 0;transition:padding .4s ease, background .4s ease, box-shadow .4s ease;\n }\n header.scrolled{\n padding:12px 0;background:rgba(20,32,27,.92);\n backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(184,148,97,.18);\n }\n .nav{display:flex;align-items:center;justify-content:space-between;gap:24px}\n .brand{display:flex;align-items:center;gap:14px;color:var(--cream-text)}\n .brand .name{font-family:var(--display);font-size:1.32rem;letter-spacing:.02em;line-height:1.05}\n .brand .role{font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:var(--brass-bright);font-weight:600}\n .menu{display:flex;align-items:center;gap:34px}\n .menu a{font-size:.82rem;letter-spacing:.06em;color:var(--cream-text);font-weight:500;position:relative;padding:4px 0;opacity:.85;transition:opacity .25s;white-space:nowrap}\n .menu a:not(.nav-cta)::after{content:\"\";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--brass-bright);transition:width .3s ease}\n .menu a:hover{opacity:1}\n .menu a:not(.nav-cta):hover::after{width:100%}\n \/* header CTA: refined link with arrow, no box *\/\n .nav-cta{display:inline-flex;align-items:center;gap:9px;color:var(--brass-bright)!important;font-weight:600;letter-spacing:.04em;opacity:1!important;white-space:nowrap}\n .nav-cta .arrow{display:inline-block;width:18px;height:1px;background:var(--brass-bright);position:relative;transition:width .3s ease}\n .nav-cta .arrow::after{content:\"\";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--brass-bright);border-right:1px solid var(--brass-bright);transform:rotate(45deg)}\n .nav-cta:hover .arrow{width:28px}\n\n .btn{\n font-family:var(--sans);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;\n padding:15px 30px;border:1px solid var(--brass);color:var(--brass-bright);white-space:nowrap;\n background:transparent;cursor:pointer;transition:all .35s ease;border-radius:2px;line-height:1;display:inline-block;\n }\n .btn.solid{background:var(--brass);color:var(--green-deep);border-color:var(--brass)}\n .btn.solid:hover{background:var(--brass-bright);border-color:var(--brass-bright)}\n .btn.ghost{background:transparent;border-color:rgba(232,227,214,.45);color:var(--cream-text)}\n .btn.ghost:hover{border-color:var(--brass-bright);color:var(--brass-bright)}\n .burger{display:none;background:none;border:none;color:var(--cream-text);cursor:pointer;flex-direction:column;gap:5px;padding:6px}\n .burger span{display:block;width:26px;height:2px;background:currentColor;transition:.3s}\n\n \/* ---------- Hero (full-bleed) ---------- *\/\n .hero{position:relative;min-height:100vh;display:flex;align-items:center;color:var(--cream-text);overflow:hidden}\n .hero-bg{position:absolute;inset:0;z-index:0}\n .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:62% 32%;transform:scale(1.12);will-change:transform;opacity:0;animation:heroIn 1.8s .1s ease-out forwards}\n @keyframes heroIn{from{opacity:0}to{opacity:1}}\n .hero-bg::after{\n content:\"\";position:absolute;inset:0;\n background:\n linear-gradient(180deg, rgba(15,26,22,.55) 0%, rgba(15,26,22,0) 16%),\n linear-gradient(90deg, rgba(15,26,22,.94) 0%, rgba(15,26,22,.72) 30%, rgba(15,26,22,.25) 58%, rgba(15,26,22,0) 80%),\n linear-gradient(0deg, rgba(15,26,22,.72) 0%, rgba(15,26,22,0) 42%);\n }\n .hero-inner{position:relative;z-index:2;width:100%;padding-top:120px;padding-bottom:60px}\n .hero-eyebrow{display:flex;align-items:center;gap:14px}\n .hero-eyebrow::before{content:\"\";width:42px;height:1px;background:var(--brass)}\n .hero h1{\n font-family:var(--display);font-weight:500;\n font-size:clamp(2.9rem,6.4vw,6rem);line-height:1.0;letter-spacing:-.01em;margin:24px 0 26px;max-width:15ch;\n text-shadow:0 2px 30px rgba(10,18,15,.45);\n }\n .hero h1 em{font-style:italic;color:var(--brass-bright)}\n .hero p.lead{font-size:clamp(1.02rem,1.4vw,1.2rem);max-width:46ch;color:rgba(232,227,214,.9);font-weight:400}\n .hero-cta{display:flex;gap:14px;margin-top:40px;flex-wrap:wrap}\n .hero-mark{position:absolute;right:30px;bottom:24px;z-index:2;font-size:.64rem;letter-spacing:.34em;text-transform:uppercase;color:rgba(232,227,214,.72);text-shadow:0 1px 12px rgba(0,0,0,.6)}\n\n \/* reveal animation *\/\n .reveal{opacity:0;transform:translateY(34px);transition:opacity 1.1s cubic-bezier(.2,.65,.2,1), transform 1.1s cubic-bezier(.2,.65,.2,1)}\n .reveal.in{opacity:1;transform:none}\n .reveal.d1{transition-delay:.12s}.reveal.d2{transition-delay:.24s}.reveal.d3{transition-delay:.36s}\n\n \/* ---------- Sections ---------- *\/\n section{position:relative}\n .pad{padding:clamp(80px,11vw,150px) 0}\n .head-block{max-width:62ch}\n .head-block h2{font-family:var(--display);font-weight:500;font-size:clamp(2rem,4.4vw,3.5rem);line-height:1.04;letter-spacing:-.01em;margin:18px 0 0}\n .lede{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--muted);margin-top:24px;max-width:54ch}\n\n \/* Positioning \/ statement *\/\n .statement{background:var(--paper);text-align:center}\n .statement .wrap{max-width:980px}\n .statement .rule{width:64px;height:1px;background:var(--brass);margin:0 auto 30px}\n .statement p{font-family:var(--display);font-size:clamp(1.6rem,3.6vw,2.9rem);line-height:1.28;font-weight:400;color:var(--ink)}\n .statement p .accent{color:var(--patina);font-style:italic}\n .statement .sign{margin-top:36px;font-family:var(--display);font-size:1.5rem;color:var(--brass)}\n .statement .sign small{display:block;font-family:var(--sans);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-top:6px}\n\n \/* Leistungen *\/\n .services{background:var(--green);color:var(--cream-text)}\n .services .lede{color:rgba(232,227,214,.72)}\n .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:64px;border-top:1px solid rgba(184,148,97,.28)}\n .svc{\n padding:42px 36px 46px;border-bottom:1px solid rgba(184,148,97,.28);\n border-right:1px solid rgba(184,148,97,.28);position:relative;transition:background .4s ease;\n }\n .svc:nth-child(3n){border-right:none}\n .svc::before{content:\"\";position:absolute;top:-1px;left:0;height:2px;width:0;background:var(--brass-bright);transition:width .4s ease}\n .svc:hover{background:rgba(184,148,97,.06)}\n .svc:hover::before{width:100%}\n .svc .num{font-family:var(--display);font-size:1rem;color:var(--brass-bright);letter-spacing:.05em}\n .svc h3{font-family:var(--display);font-weight:500;font-size:1.62rem;margin:14px 0 12px;line-height:1.12}\n .svc p{font-size:.94rem;color:rgba(232,227,214,.72);line-height:1.65}\n\n \/* \u00dcber mich *\/\n .about{background:var(--stone)}\n .about .grid{display:grid;grid-template-columns:0.92fr 1.08fr;gap:clamp(40px,6vw,84px);align-items:center}\n .about .photo{position:relative}\n .about .photo img{width:100%;height:100%;object-fit:cover;border-radius:2px}\n .about .photo .frame{position:absolute;inset:18px;border:1px solid var(--brass);pointer-events:none;mix-blend-mode:multiply;opacity:.55}\n .about h2{margin-top:16px}\n .about .bio p{margin-top:20px;color:#3c453f;font-size:1.02rem}\n .about .creds{display:flex;gap:40px;margin-top:38px;flex-wrap:wrap}\n .about .creds .c .n{font-family:var(--display);font-size:2.6rem;color:var(--patina);line-height:1}\n .about .creds .c .l{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:6px}\n\n \/* Kanzlei \/ R\u00e4ume *\/\n .rooms{background:var(--paper)}\n .rooms .grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;margin-top:60px;align-items:stretch}\n .rooms figure{position:relative;overflow:hidden;border-radius:2px}\n .rooms figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.6,.2,1)}\n .rooms figure:hover img{transform:scale(1.05)}\n .rooms figcaption{position:absolute;left:22px;bottom:20px;color:#fff;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 14px rgba(0,0,0,.5)}\n .rooms .tall{grid-row:span 1}\n\n \/* Versprechen banner *\/\n .promise{position:relative;color:var(--cream-text);overflow:hidden}\n .promise img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}\n .promise::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,32,27,.92),rgba(20,32,27,.55))}\n .promise .wrap{position:relative;z-index:2}\n .promise .inner{max-width:620px;padding:clamp(80px,11vw,140px) 0}\n .promise h2{font-family:var(--display);font-weight:500;font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.12;margin:18px 0 22px}\n .promise p{color:rgba(232,227,214,.85);font-size:1.05rem}\n\n \/* Ablauf *\/\n .process{background:var(--green-deep);color:var(--cream-text)}\n .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:64px}\n .step{position:relative;padding-top:30px;border-top:1px solid rgba(184,148,97,.3)}\n .step .idx{font-family:var(--display);font-size:3.2rem;color:var(--brass-bright);line-height:.9}\n .step h3{font-family:var(--display);font-weight:500;font-size:1.55rem;margin:16px 0 10px}\n .step p{font-size:.95rem;color:rgba(232,227,214,.72)}\n\n \/* Kontakt *\/\n .contact{background:var(--stone)}\n .contact .grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(44px,7vw,90px)}\n .contact h2{margin-top:14px}\n .contact .info{margin-top:36px;display:flex;flex-direction:column;gap:26px}\n .contact .info .row .k{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);font-weight:600}\n .contact .info .row .v{font-family:var(--display);font-size:1.35rem;color:var(--ink);margin-top:4px;line-height:1.4}\n .contact .info .row .v a:hover{color:var(--patina)}\n form{display:flex;flex-direction:column;gap:18px}\n .field label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;display:block;margin-bottom:7px}\n .field input,.field textarea{\n width:100%;padding:14px 16px;border:1px solid var(--line);background:var(--paper);\n font-family:var(--sans);font-size:.98rem;color:var(--ink);border-radius:2px;transition:border-color .25s, box-shadow .25s;\n }\n .field input:focus,.field textarea:focus{outline:none;border-color:var(--patina);box-shadow:0 0 0 3px rgba(58,97,87,.12)}\n .field textarea{resize:vertical;min-height:120px}\n .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}\n form .btn{align-self:flex-start;margin-top:6px}\n .form-note{font-size:.78rem;color:var(--muted);margin-top:4px}\n .form-ok{display:none;padding:16px;background:rgba(58,97,87,.1);border:1px solid var(--patina);color:var(--patina);border-radius:2px;font-size:.92rem}\n\n \/* Footer *\/\n footer{background:var(--green-deep);color:rgba(232,227,214,.7);padding:64px 0 34px}\n .foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid rgba(184,148,97,.2)}\n .foot-brand{display:flex;align-items:center;gap:14px}\n .foot-brand .name{font-family:var(--display);font-size:1.45rem;color:var(--cream-text)}\n .foot-nav{display:flex;gap:30px;flex-wrap:wrap;font-size:.85rem}\n .foot-nav a:hover{color:var(--brass-bright)}\n .foot-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:26px;font-size:.78rem;letter-spacing:.04em}\n .foot-bottom a:hover{color:var(--brass-bright)}\n\n @media(max-width:980px){\n .svc-grid{grid-template-columns:repeat(2,1fr)}\n .svc:nth-child(3n){border-right:1px solid rgba(184,148,97,.28)}\n .svc:nth-child(2n){border-right:none}\n .about .grid,.contact .grid,.rooms .grid{grid-template-columns:1fr}\n .steps{grid-template-columns:1fr;gap:0}\n .step{padding:28px 0;border-top:1px solid rgba(184,148,97,.3)}\n .hero h1{font-size:clamp(2.6rem,8vw,4rem);max-width:18ch}\n .hero-inner{padding-top:120px;padding-bottom:80px}\n .hero-mark{display:none}\n }\n @media(max-width:720px){\n .wrap{padding:0 22px}\n .menu{position:fixed;inset:0;background:rgba(20,32,27,.98);flex-direction:column;justify-content:center;gap:30px;transform:translateX(100%);transition:transform .4s ease;backdrop-filter:blur(8px)}\n .menu.open{transform:none}\n .menu a{font-size:1.3rem;font-family:var(--display)}\n .menu .btn{font-family:var(--sans)}\n .burger{display:flex}\n header.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}\n header.menu-open .burger span:nth-child(2){opacity:0}\n header.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\n .svc-grid{grid-template-columns:1fr}\n .svc{border-right:none!important}\n .row2{grid-template-columns:1fr}\n .foot-top{flex-direction:column}\n .hero{align-items:flex-end}\n .hero-bg img{object-position:60% 28%}\n .hero-bg::after{background:\n linear-gradient(180deg, rgba(15,26,22,.6) 0%, rgba(15,26,22,0) 16%),\n linear-gradient(0deg, rgba(15,26,22,.94) 0%, rgba(15,26,22,.55) 38%, rgba(15,26,22,.08) 68%, rgba(15,26,22,0) 82%);}\n .hero h1{font-size:clamp(2.4rem,9.5vw,3.3rem);max-width:16ch}\n .hero-inner{padding-bottom:64px}\n }\n @media(prefers-reduced-motion:reduce){\n *{animation:none!important;scroll-behavior:auto}\n .reveal{opacity:1;transform:none;transition:none}\n .hero-bg img{transform:none;animation:none}\n .grain{display:none}\n }\n\n \/* ===== Atmosphere ===== *\/\n \/* Film grain for tactile depth *\/\n .grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:soft-light;\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n background-size:240px;animation:grainShift 8s steps(6) infinite}\n @keyframes grainShift{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-4%)}60%{transform:translate(-3%,2%)}80%{transform:translate(2%,4%)}100%{transform:translate(0,0)}}\n\n \/* Warm ambient light in dark sections *\/\n .services,.process{position:relative;overflow:hidden}\n .services::after,.process::after{content:\"\";position:absolute;top:-140px;left:50%;width:120%;max-width:1100px;height:420px;\n transform:translateX(-50%);pointer-events:none;\n background:radial-gradient(ellipse at center, rgba(184,148,97,.13), rgba(184,148,97,0) 68%);}\n .services .wrap,.process .wrap{position:relative;z-index:1}\n\n \/* Eyebrow \/ hero rule draws in *\/\n .hero-eyebrow::before{width:0;transition:width 1s cubic-bezier(.2,.65,.2,1) .35s}\n .reveal.in.hero-eyebrow::before{width:42px}\n\n \/* Statement becomes a quiet moment *\/\n .statement{overflow:hidden}\n .statement .wrap{position:relative}\n .statement .rule{width:0;transition:width 1.1s cubic-bezier(.2,.65,.2,1) .15s}\n .statement .reveal.in .rule{width:64px}\n .statement::before{content:\"\\201C\";position:absolute;top:-2.2rem;left:50%;transform:translateX(-50%);\n font-family:var(--display);font-size:11rem;line-height:1;color:rgba(58,97,87,.08);pointer-events:none;z-index:0}\n .statement .wrap > *{position:relative;z-index:1}\n\n \/* Service cards: gentle lift + arrow cue *\/\n .svc{transition:background .45s ease, transform .45s cubic-bezier(.2,.65,.2,1)}\n .svc h3{transition:color .35s ease}\n .svc:hover{transform:translateY(-5px)}\n .svc:hover h3{color:var(--brass-bright)}\n\n \/* Stat numbers: tabular so count-up does not jitter *\/\n .about .creds .c .n{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\"}\n<\/style>\n<\/head>\n<body>\n<div class=\"grain\" aria-hidden=\"true\"><\/div>\n<header id=\"header\">\n <div class=\"wrap nav\">\n <a href=\"#top\" class=\"brand\" aria-label=\"Angelika Staudacher Steuerberatung, zur Startseite\">\n <span class=\"seal\"><span>AS<\/span><\/span>\n <span>\n <span class=\"name\">Angelika Staudacher<\/span><br>\n <span class=\"role\">Steuerberatung<\/span>\n <\/span>\n <\/a>\n <nav class=\"menu\" id=\"menu\">\n <a href=\"#leistungen\">Leistungen<\/a>\n <a href=\"#kanzlei\">Kanzlei<\/a>\n <a href=\"#ueber\">\u00dcber mich<\/a>\n <a href=\"#ablauf\">Ablauf<\/a>\n <a href=\"#kontakt\" class=\"nav-cta\">Termin vereinbaren <span class=\"arrow\"><\/span><\/a>\n <\/nav>\n <button class=\"burger\" id=\"burger\" aria-label=\"Men\u00fc \u00f6ffnen\"><span><\/span><span><\/span><span><\/span><\/button>\n <\/div>\n<\/header>\n\n\n<section class=\"hero\" id=\"top\">\n <div class=\"hero-bg\"><img decoding=\"async\" src=\"https:\/\/06.mydemohost.de\/wp-content\/uploads\/2026\/06\/1-hero-kanzleigebaeude.jpg\" alt=\"Historisches Kanzleigeb\u00e4ude von Angelika Staudacher Steuerberatung\"><\/div>\n <div class=\"hero-inner wrap\">\n <span class=\"hero-eyebrow eyebrow on-dark reveal in\">Kanzlei f\u00fcr Steuerberatung<\/span>\n <h1 class=\"reveal d1 in\">Klarheit in Zahlen, <em>Vertrauen<\/em> \u00fcber Jahre.<\/h1>\n <p class=\"lead reveal d2 in\">Pers\u00f6nliche, vorausschauende Steuerberatung f\u00fcr Unternehmer, Freiberufler und anspruchsvolle Privatmandanten. Diskret, pr\u00e4zise und auf Augenh\u00f6he.<\/p>\n <div class=\"hero-cta reveal d3 in\">\n <a href=\"#kontakt\" class=\"btn solid\">Erstgespr\u00e4ch anfragen<\/a>\n <a href=\"#leistungen\" class=\"btn ghost\">Leistungen ansehen<\/a>\n <\/div>\n <\/div>\n <span class=\"hero-mark\">Stuttgart<\/span>\n<\/section>\n\n\n<section class=\"statement pad\">\n <div class=\"wrap reveal\">\n <div class=\"rule\"><\/div>\n <p>Gute Steuerberatung rechnet nicht nur. Sie <span class=\"accent\">denkt voraus<\/span>, schafft Spielr\u00e4ume und gibt Ihnen den Kopf frei f\u00fcr das, worauf es ankommt: Ihr Unternehmen und Ihr Leben.<\/p>\n <div class=\"sign\">Angelika Staudacher<small>Steuerberaterin<\/small><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"services pad\" id=\"leistungen\">\n <div class=\"wrap\">\n <div class=\"head-block reveal\">\n <span class=\"eyebrow on-dark\">Leistungen<\/span>\n <h2>Beratung, die mehr abdeckt als die Steuererkl\u00e4rung.<\/h2>\n <p class=\"lede\">Von der laufenden Buchhaltung bis zur strategischen Gestaltung begleite ich Sie in allen steuerlichen Fragen, pers\u00f6nlich und das ganze Jahr \u00fcber.<\/p>\n <\/div>\n <div class=\"svc-grid\">\n <div class=\"svc reveal\"><div class=\"num\">01<\/div><h3>Steuererkl\u00e4rungen<\/h3><p>Private und betriebliche Steuererkl\u00e4rungen, sorgf\u00e4ltig vorbereitet und so gestaltet, dass kein legaler Vorteil ungenutzt bleibt.<\/p><\/div>\n <div class=\"svc reveal d1\"><div class=\"num\">02<\/div><h3>Jahresabschluss & Bilanz<\/h3><p>Bilanzen, Einnahmen\u00fcberschussrechnungen und betriebswirtschaftliche Auswertungen, die belastbar sind und Ihre Lage klar zeigen.<\/p><\/div>\n <div class=\"svc reveal d2\"><div class=\"num\">03<\/div><h3>Finanz- & Lohnbuchhaltung<\/h3><p>Laufende Buchf\u00fchrung und Lohnabrechnung, digital und termintreu, damit Sie sich auf das Wesentliche konzentrieren k\u00f6nnen.<\/p><\/div>\n <div class=\"svc reveal\"><div class=\"num\">04<\/div><h3>Existenzgr\u00fcndung<\/h3><p>Rechtsformwahl, Finanzplanung und steuerliche Anmeldung. Ein verl\u00e4sslicher Start, von der ersten Idee bis zum Finanzamt.<\/p><\/div>\n <div class=\"svc reveal d1\"><div class=\"num\">05<\/div><h3>Steuergestaltung<\/h3><p>Vorausschauende Konzepte f\u00fcr Unternehmen, Nachfolge und Verm\u00f6gen, abgestimmt auf Ihre Ziele statt von der Stange.<\/p><\/div>\n <div class=\"svc reveal d2\"><div class=\"num\">06<\/div><h3>Digitale Buchhaltung<\/h3><p>Papierlose Prozesse mit moderner Software. Ihre Zahlen jederzeit aktuell, sicher und \u00fcbersichtlich verf\u00fcgbar.<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"about pad\" id=\"ueber\">\n <div class=\"wrap\">\n <div class=\"grid\">\n <div class=\"photo reveal\">\n <img decoding=\"async\" src=\"https:\/\/06.mydemohost.de\/wp-content\/uploads\/2026\/06\/2-angelika-portrait.jpg\" alt=\"Angelika Staudacher, Steuerberaterin, an ihrem Schreibtisch\">\n <span class=\"frame\"><\/span>\n <\/div>\n <div class=\"bio reveal d1\">\n <span class=\"eyebrow\">\u00dcber mich<\/span>\n <h2>Eine Beraterin, die zuh\u00f6rt, bevor sie rechnet.<\/h2>\n <p>Seit vielen Jahren begleite ich Mandantinnen und Mandanten durch ihre steuerlichen Themen. Was mich antreibt, ist nicht die Pflichterf\u00fcllung, sondern echte Entlastung: L\u00f6sungen, die zu Ihrem Leben und Ihrem Unternehmen passen.<\/p>\n <p>Bei mir sprechen Sie nicht mit einer Hotline, sondern mit der Person, die Ihre Akte kennt. Kurze Wege, klare Sprache und die Gewissheit, dass jemand mitdenkt, das ist mein Verst\u00e4ndnis von Steuerberatung.<\/p>\n <div class=\"creds\">\n <div class=\"c\"><div class=\"n\" data-count=\"15\" data-suffix=\"+\">0<\/div><div class=\"l\">Jahre Erfahrung<\/div><\/div>\n <div class=\"c\"><div class=\"n\" data-count=\"300\" data-suffix=\"+\">0<\/div><div class=\"l\">Betreute Mandate<\/div><\/div>\n <div class=\"c\"><div class=\"n\" data-count=\"100\" data-suffix=\"%\">0<\/div><div class=\"l\">Pers\u00f6nlich betreut<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"rooms pad\" id=\"kanzlei\">\n <div class=\"wrap\">\n <div class=\"head-block reveal\">\n <span class=\"eyebrow\">Die Kanzlei<\/span>\n <h2>Ein Ort, an dem Beratung Raum bekommt.<\/h2>\n <p class=\"lede\">Helle, ruhige R\u00e4ume in historischem Gem\u00e4uer. Hier nehmen wir uns Zeit f\u00fcr Ihre Anliegen, ungest\u00f6rt und auf Augenh\u00f6he.<\/p>\n <\/div>\n <div class=\"grid\">\n <figure class=\"reveal\"><img decoding=\"async\" src=\"https:\/\/06.mydemohost.de\/wp-content\/uploads\/2026\/06\/3-kanzlei-besprechung.jpg\" alt=\"Besprechungsraum der Kanzlei\"><figcaption>Besprechung<\/figcaption><\/figure>\n <figure class=\"reveal d1\"><img decoding=\"async\" src=\"https:\/\/06.mydemohost.de\/wp-content\/uploads\/2026\/06\/4-kanzlei-empfang.jpg\" alt=\"Empfangs- und Wartebereich der Kanzlei\"><figcaption>Empfang<\/figcaption><\/figure>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"promise\">\n <img decoding=\"async\" src=\"https:\/\/06.mydemohost.de\/wp-content\/uploads\/2026\/06\/5-versprechen-handschlag.jpg\" alt=\"Vertrauensvolle Zusammenarbeit per Handschlag\">\n <div class=\"wrap\">\n <div class=\"inner reveal\">\n <span class=\"eyebrow on-dark\">Mein Versprechen<\/span>\n <h2>Verbindlichkeit ist keine Floskel, sondern die Grundlage unserer Zusammenarbeit.<\/h2>\n <p>Sie erreichen mich, wenn Sie mich brauchen. Sie verstehen, was ich Ihnen rate. Und Sie wissen, dass Ihre Zahlen in vertrauensvollen H\u00e4nden liegen. Genau das d\u00fcrfen Sie von einer guten Beraterin erwarten.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"process pad\" id=\"ablauf\">\n <div class=\"wrap\">\n <div class=\"head-block reveal\">\n <span class=\"eyebrow on-dark\">So arbeiten wir zusammen<\/span>\n <h2>Drei Schritte zu klaren Verh\u00e4ltnissen.<\/h2>\n <\/div>\n <div class=\"steps\">\n <div class=\"step reveal\"><div class=\"idx\">01<\/div><h3>Erstgespr\u00e4ch<\/h3><p>Wir lernen uns kennen und kl\u00e4ren in Ruhe, wo Sie stehen und was Sie brauchen. Unverbindlich und kostenfrei.<\/p><\/div>\n <div class=\"step reveal d1\"><div class=\"idx\">02<\/div><h3>Analyse & Konzept<\/h3><p>Ich verschaffe mir ein vollst\u00e4ndiges Bild und entwickle einen Plan, der zu Ihrer Situation passt und Spielr\u00e4ume nutzt.<\/p><\/div>\n <div class=\"step reveal d2\"><div class=\"idx\">03<\/div><h3>Laufende Betreuung<\/h3><p>Ich \u00fcbernehme Ihre steuerlichen Themen und bleibe das ganze Jahr an Ihrer Seite, vorausschauend statt nur fristgerecht.<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"contact pad\" id=\"kontakt\">\n <div class=\"wrap\">\n <div class=\"grid\">\n <div class=\"reveal\">\n <span class=\"eyebrow\">Kontakt<\/span>\n <h2>Lernen wir uns kennen.<\/h2>\n <p class=\"lede\">Schreiben Sie mir, wof\u00fcr Sie Unterst\u00fctzung suchen. Ich melde mich pers\u00f6nlich und finde mit Ihnen einen passenden Termin.<\/p>\n <div class=\"info\">\n <div class=\"row\"><div class=\"k\">Telefon<\/div><div class=\"v\"><a href=\"tel:+497110000000\">+49 711 000 00 00<\/a><\/div><\/div>\n <div class=\"row\"><div class=\"k\">E-Mail<\/div><div class=\"v\"><a href=\"mailto:kanzlei@staudacher-stb.de\">kanzlei@staudacher-stb.de<\/a><\/div><\/div>\n <div class=\"row\"><div class=\"k\">Kanzlei<\/div><div class=\"v\">Musterstra\u00dfe 12<br>70173 Stuttgart<\/div><\/div>\n <div class=\"row\"><div class=\"k\">Sprechzeiten<\/div><div class=\"v\">Mo bis Fr, 9 bis 17 Uhr<br>und nach Vereinbarung<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"reveal d1\">\n <form id=\"contactForm\">\n <div class=\"row2\">\n <div class=\"field\"><label for=\"name\">Name<\/label><input id=\"name\" type=\"text\" placeholder=\"Ihr Name\" required=\"\"><\/div>\n <div class=\"field\"><label for=\"phone\">Telefon<\/label><input id=\"phone\" type=\"tel\" placeholder=\"Optional\"><\/div>\n <\/div>\n <div class=\"field\"><label for=\"email\">E-Mail<\/label><input id=\"email\" type=\"email\" placeholder=\"ihre@email.de\" required=\"\"><\/div>\n <div class=\"field\"><label for=\"topic\">Anliegen<\/label><input id=\"topic\" type=\"text\" placeholder=\"z. B. Existenzgr\u00fcndung, Jahresabschluss\"><\/div>\n <div class=\"field\"><label for=\"msg\">Nachricht<\/label><textarea id=\"msg\" placeholder=\"Worum geht es?\" required=\"\"><\/textarea><\/div>\n <button type=\"submit\" class=\"btn solid\">Anfrage senden<\/button>\n <p class=\"form-note\">Mit dem Absenden erkl\u00e4ren Sie sich mit der Verarbeitung Ihrer Angaben zur Bearbeitung der Anfrage einverstanden.<\/p>\n <div class=\"form-ok\" id=\"formOk\">Vielen Dank. Ihre Anfrage ist eingegangen, ich melde mich zeitnah pers\u00f6nlich bei Ihnen.<\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"wrap\">\n <div class=\"foot-top\">\n <div class=\"foot-brand\">\n <span class=\"seal\"><span>AS<\/span><\/span>\n <span class=\"name\">Angelika Staudacher Steuerberatung<\/span>\n <\/div>\n <nav class=\"foot-nav\">\n <a href=\"#leistungen\">Leistungen<\/a>\n <a href=\"#kanzlei\">Kanzlei<\/a>\n <a href=\"#ueber\">\u00dcber mich<\/a>\n <a href=\"#ablauf\">Ablauf<\/a>\n <a href=\"#kontakt\">Kontakt<\/a>\n <\/nav>\n <\/div>\n <div class=\"foot-bottom\">\n <span>\u00a9 2026 Angelika Staudacher Steuerberatung. Alle Rechte vorbehalten.<\/span>\n <span><a href=\"#\">Impressum<\/a> \u00b7 <a href=\"#\">Datenschutz<\/a><\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ Header on scroll\n const header=document.getElementById('header');\n const onScroll=()=>header.classList.toggle('scrolled',window.scrollY>40);\n onScroll();window.addEventListener('scroll',onScroll,{passive:true});\n\n \/\/ Mobile menu\n const burger=document.getElementById('burger'), menu=document.getElementById('menu');\n burger.addEventListener('click',()=>{menu.classList.toggle('open');header.classList.toggle('menu-open');});\n menu.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>{menu.classList.remove('open');header.classList.remove('menu-open');}));\n\n \/\/ Reveal on scroll\n const reduce=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n const io=new IntersectionObserver((entries)=>{\n entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});\n },{threshold:0.12,rootMargin:'0px 0px -8% 0px'});\n document.querySelectorAll('.reveal').forEach(el=>io.observe(el));\n\n \/\/ Hero parallax (subtle depth on scroll)\n const heroImg=document.querySelector('.hero-bg img');\n if(heroImg && !reduce){\n let ticking=false;\n const para=()=>{const y=window.scrollY;\n if(y < window.innerHeight){heroImg.style.transform=`translate3d(0, ${y*0.18}px, 0) scale(1.12)`;}\n ticking=false;};\n window.addEventListener('scroll',()=>{if(!ticking){requestAnimationFrame(para);ticking=true;}},{passive:true});\n }\n\n \/\/ Count-up for stats\n const ease=t=>1-Math.pow(1-t,3);\n const countUp=(el)=>{\n const target=+el.dataset.count, suffix=el.dataset.suffix||'', dur=1400, start=performance.now();\n const step=(now)=>{const p=Math.min((now-start)\/dur,1);\n el.textContent=Math.round(ease(p)*target)+suffix;\n if(p<1)requestAnimationFrame(step);};\n requestAnimationFrame(step);\n };\n const statIO=new IntersectionObserver((entries)=>{\n entries.forEach(e=>{if(e.isIntersecting){\n if(reduce){e.target.textContent=e.target.dataset.count+(e.target.dataset.suffix||'');}\n else countUp(e.target);\n statIO.unobserve(e.target);\n }});\n },{threshold:0.6});\n document.querySelectorAll('[data-count]').forEach(el=>statIO.observe(el));\n\n \/\/ Form\n document.getElementById('contactForm').addEventListener('submit',function(ev){\n ev.preventDefault();\n document.getElementById('formOk').style.display='block';\n this.querySelector('button').textContent='Gesendet';\n this.querySelector('button').disabled=true;\n });\n<\/script>\n\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Angelika Staudacher \u00b7 Steuerberatung AS Angelika Staudacher Steuerberatung Leistungen Kanzlei \u00dcber mich Ablauf Termin vereinbaren Kanzlei f\u00fcr Steuerberatung Klarheit in Zahlen, Vertrauen \u00fcber Jahre. Pers\u00f6nliche, vorausschauende Steuerberatung f\u00fcr Unternehmer, Freiberufler und anspruchsvolle Privatmandanten. Diskret, pr\u00e4zise und auf Augenh\u00f6he. Erstgespr\u00e4ch anfragen Leistungen ansehen Stuttgart Gute Steuerberatung rechnet nicht nur. Sie denkt voraus, schafft Spielr\u00e4ume und gibt […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":7,"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/06.mydemohost.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}