/* Lokale Schriften: keine externen Aufrufe (DSGVO) */
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ssp-400.woff2') format('woff2'),url('fonts/ssp-400.woff') format('woff')}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/ssp-600.woff2') format('woff2'),url('fonts/ssp-600.woff') format('woff')}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/ssp-700.woff2') format('woff2'),url('fonts/ssp-700.woff') format('woff')}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:900;font-display:swap;src:url('fonts/ssp-900.woff2') format('woff2'),url('fonts/ssp-900.woff') format('woff')}

:root{--blau:#4A6572;--orange:#F57C00;--weiss:#FFFFFF;--hellgrau:#F4F4F4;--text:#333333;--shadow:rgba(74,101,114,.15)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Source Sans Pro',Arial,sans-serif;background:var(--weiss);color:var(--text);line-height:1.6}

/* Kopfzeile und Logo */
header{position:sticky;top:0;z-index:50;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;box-shadow:0 1px 0 rgba(0,0,0,.07)}
.logo{display:block;line-height:0}
.logo img{height:64px;width:auto;display:block}
nav a{font-size:.95rem;color:var(--blau);text-decoration:none;margin-left:1.4rem;font-weight:600;transition:color .15s}
nav a:hover{color:var(--orange)}
nav a.cta{background:var(--orange);color:#fff;padding:.5rem 1rem;border-radius:7px}
nav a.cta:hover{color:#fff;opacity:.92}
@media(max-width:760px){.nav-links{display:none}}

/* Start */
.hero{background:linear-gradient(135deg,#4A6572 0%,#3a505b 100%);color:#fff;padding:4.5rem 1.5rem 5rem;text-align:center}
.hero h1{font-size:clamp(2rem,5.5vw,3.4rem);font-weight:900;line-height:1.1;max-width:840px;margin:0 auto .9rem}
.hero .claim{font-size:clamp(1.05rem,2.2vw,1.35rem);color:var(--orange);font-weight:700;margin-bottom:1.4rem}
.hero p{font-size:clamp(1rem,2vw,1.15rem);color:rgba(255,255,255,.88);max-width:620px;margin:0 auto 2rem}
.btn{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;font-weight:700;padding:.85rem 1.8rem;border-radius:8px;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(245,124,0,.4)}

section{padding:4rem 1.5rem}
.wrap{max-width:960px;margin:0 auto}
.sec-h{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:900;color:var(--blau);margin-bottom:.4rem;border-left:5px solid var(--orange);padding-left:.8rem}
.sec-lead{color:#666;margin-bottom:2rem;padding-left:.95rem}

.mensch{background:var(--hellgrau)}
.mensch p{max-width:760px;margin:0 auto 1.1rem;font-size:1.08rem}
.mensch p:first-of-type{font-size:1.18rem;color:var(--blau);font-weight:600}
.mensch .sec-h{max-width:760px;margin:0 auto 1.2rem}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem}
.lcard{background:#fff;border:1px solid #ececec;border-radius:12px;padding:1.5rem;transition:transform .15s,box-shadow .15s}
.lcard:hover{transform:translateY(-3px);box-shadow:0 10px 30px var(--shadow)}
.lcard .ic{font-size:1.8rem;margin-bottom:.7rem}
.lcard h3{color:var(--blau);font-size:1.12rem;margin-bottom:.4rem}
.lcard p{font-size:.95rem;color:#5e5e5e}

.ueber{background:var(--blau);color:#fff}
.ueber .sec-h{color:#fff}
.ueber p{max-width:760px;font-size:1.08rem;color:rgba(255,255,255,.92);margin-bottom:1rem}

.honorar-list{list-style:none;max-width:760px}
.honorar-list li{display:flex;justify-content:space-between;gap:1.5rem;padding:1rem 0;border-bottom:1px solid #ececec}
.honorar-list .price{color:var(--blau);font-weight:700;text-align:right}
.honorar-note{font-size:.9rem;color:#777;margin-top:1.2rem;max-width:760px}

.aktuelles{background:var(--hellgrau)}
.teaser{background:#fff;border-radius:12px;padding:1.8rem;max-width:760px;box-shadow:0 4px 20px var(--shadow)}
.teaser p{color:#5e5e5e;margin-bottom:1.1rem}
.teaser a{color:var(--orange);font-weight:700;text-decoration:none}
.teaser a:hover{text-decoration:underline}

.kontakt{background:var(--blau);color:#fff;text-align:center}
.kontakt .sec-h{color:#fff;border:none;padding:0}
.kontakt-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-top:1.5rem}
.kontakt-grid a{color:#fff;text-decoration:none}
.kontakt-grid .k-label{display:block;color:var(--orange);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem;font-weight:700}
.kontakt-grid .k-val{font-size:1.1rem}

footer{background:#3a505b;color:rgba(255,255,255,.75);text-align:center;padding:1.5rem;font-size:.88rem}
footer a{color:var(--orange);text-decoration:none;margin:0 .4rem}
footer a:hover{text-decoration:underline}

/* Rechtliche Seiten */
main{max-width:760px;margin:0 auto;padding:3rem 1.5rem}
main h1{font-size:2rem;font-weight:900;color:var(--blau);border-left:5px solid var(--orange);padding-left:.8rem;margin-bottom:1.8rem}
main h2{font-size:1.15rem;color:var(--blau);margin:1.8rem 0 .5rem}
main p{margin-bottom:.7rem}
main a{color:var(--orange)}
.back{display:inline-block;margin-top:2.5rem;text-decoration:none;font-weight:600}

@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.hero>*{animation:fadeUp .6s ease both}
.hero .claim{animation-delay:.1s}.hero p{animation-delay:.2s}.hero .btn{animation-delay:.3s}
@media(prefers-reduced-motion:reduce){.hero>*{animation:none}html{scroll-behavior:auto}}