/* Praxis Anke Denda, Goslar. Nicht wiederverwenden. */
:root { --bg:#f7f4ee; --bg2:#ede9e0; --ink:#1c1a17; --ink2:#4c4841; --acc:#8e2a1e; --ln:rgba(43,50,48,.16); --ln2:rgba(43,50,48,.4); --slab:'Fraunces',Georgia,serif; --sans:'Karla','Segoe UI',Arial,sans-serif; }
*{margin:0;padding:0;box-sizing:border-box}
::selection{background:var(--acc);color:#fff}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16.5px;line-height:1.66;-webkit-font-smoothing:antialiased}
body::after {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 200;
  opacity: 0.5; mix-blend-mode: multiply;
  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.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");
}

::selection { background: var(--acc); color: var(--bg); }
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
.kopf{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0.85rem clamp(1rem,4vw,3rem);background:rgba(233,237,239,0.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--ln2)}
.kopf-n{font-family:var(--slab);font-weight:700;font-size:1.2rem}
.kopf-n span{display:block;font-family:var(--sans);font-weight:400;font-size:0.58rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink2);margin-top:0.18rem}
.kopf-nv{display:flex;gap:clamp(0.8rem,2.2vw,1.8rem);flex-wrap:wrap;font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase}
.kopf-nv a{padding-bottom:0.15rem}
.kopf-nv a:hover{color:var(--acc)}
.kopf-nv a[aria-current]{border-bottom:2px solid var(--acc)}
main{padding-top:4.8rem;max-width:960px;margin:0 auto;padding-left:clamp(1rem,4vw,2.8rem);padding-right:clamp(1rem,4vw,2.8rem)}
.sec{padding:clamp(5rem,10vw,9rem) 0}
.kick{font-size:0.64rem;font-weight:700;letter-spacing:0.24em;text-transform:uppercase;color:var(--acc);margin-bottom:1rem}
h1{font-family:var(--slab);font-weight:600;font-size:clamp(2.5rem,6.5vw,5rem);line-height:1.04;letter-spacing:-0.012em;max-width:18ch}
h2{font-family:var(--slab);font-weight:600;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.1;margin-bottom:1.1rem}
h3{font-weight:700;font-size:0.98rem;margin-bottom:0.35rem}
p+p{margin-top:0.85rem}
.ein{font-size:clamp(1rem,1.5vw,1.16rem);color:var(--ink2);max-width:54ch;line-height:1.72}

.ticker { background: var(--acc); color: var(--bg); overflow: hidden; white-space: nowrap; padding: 0.75rem 0; }
.ticker-inhalt { display: inline-block; animation: lauf 30s linear infinite; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.ticker-inhalt span { margin: 0 1.5rem; }
.ticker-inhalt .stern { opacity: 0.5; }
@keyframes lauf { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .ticker-inhalt { animation: none; } }
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);margin-top:1.8rem}
.grid2>div{border:1px solid var(--ln);padding:1.3rem 1.5rem}
.grid2 h3{margin-bottom:0.4rem}
.grid2 p{font-size:0.94rem;color:var(--ink2)}
.steck{border-top:1px solid var(--ln2);margin-top:1.4rem}
.steck>div{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr;gap:0.55rem 1.6rem;padding:0.85rem 0;border-bottom:1px solid var(--ln)}
.steck dt{font-size:0.64rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink2);padding-top:0.26rem}
.steck dd{font-size:0.96rem;line-height:1.6}
.steck dd a{border-bottom:1px solid var(--ln2)}
.knopf{display:inline-block;padding:0.78rem 1.5rem;font-size:0.74rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;border:1.5px solid var(--ink)}
.knopf:hover{background:var(--ink);color:var(--bg)}
.knopf-acc{background:var(--acc);border-color:var(--acc);color:#fff}
.knopf-acc:hover{background:#9c3a26;border-color:#9c3a26;color:#fff}
.takt{display:flex;gap:0.8rem;flex-wrap:wrap;margin-top:1.6rem}

.cta-r { background: var(--acc); color: var(--bg); padding: clamp(3rem, 7vw, 5.5rem) clamp(1.1rem, 4vw, 3rem); text-align: center; }
.cta-r h2 { font-size: clamp(2.4rem, 7vw, 5.2rem); line-height: 1.02; letter-spacing: -0.015em; max-width: 15ch; margin: 0 auto 1.5rem; }
.cta-r h2 em { font-style: italic; opacity: 0.75; }
.cta-tel { font-size: clamp(1.5rem, 4.2vw, 3rem); display: inline-block; border-bottom: 3px solid var(--bg); padding-bottom: 0.2rem; color: var(--bg); }
.cta-tel:hover { opacity: 0.8; }
.cta-z { max-width: 700px; margin: 2rem auto 0; border-top: 1px solid rgba(128,128,128,0.25); padding-top: 1.2rem; font-size: 0.86rem; opacity: 0.8; display: grid; gap: 0.35rem; }

.krise { border: 2px solid var(--acc); padding: 1.4rem 1.6rem; margin-top: 2rem; }
.krise h3 { color: var(--acc); margin-bottom: 0.4rem; }
.krise p, .krise li { font-size: 0.93rem; color: var(--tinte2); }
.krise ul { list-style: none; margin-top: 0.5rem; }
.krise li { padding: 0.25rem 0; }
.krise a { border-bottom: 1px solid currentColor; }
.fuss{background:var(--ink);color:var(--bg);padding:clamp(2.4rem,5vw,3.6rem) clamp(1rem,4vw,3rem) 1.5rem}
.fuss-n{font-family:var(--slab);font-weight:600;font-size:clamp(1.7rem,3.6vw,2.5rem);margin-bottom:1.6rem}
.fuss-r{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:800px;margin:0 auto 1.6rem;font-size:0.86rem;text-align:left}
.fuss-r h3{font-size:0.58rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;opacity:0.5;margin-bottom:0.45rem}
.fuss-r p{opacity:0.85;line-height:1.7}
.fuss-r a{border-bottom:1px solid rgba(255,255,255,0.35)}
.fuss-l{display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.7rem;margin-top:1.8rem;font-size:0.7rem;opacity:0.5}
.fn{border-top:1px solid var(--ln);margin-top:2.2rem;padding-top:0.8rem;font-size:0.76rem;color:var(--ink2)}
sup{color:var(--acc);font-size:0.72em}
.reveal{opacity:0;transform:translateY(12px);transition:opacity 0.5s,transform 0.5s}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:760px){body{font-size:16px}.grid2{grid-template-columns:1fr}.fuss-r{grid-template-columns:1fr}.steck>div{grid-template-columns:1fr;gap:0.2rem}}