:root{--green:#243f1f;--red:#9b1f1f;--cream:#f3ead8;--paper:#fff8ea;--ink:#151515}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#e3d5bb;color:var(--ink);font-family:Arial,sans-serif}a{color:inherit}.site{max-width:1600px;margin:0 auto;background:var(--cream);min-height:100vh}.site-header{background:rgba(255,250,238,.98);border-bottom:1px solid rgba(0,0,0,.08)}.header-inner{min-height:124px;padding:14px 36px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:18px;text-decoration:none}.brand-wappen{width:100px;height:112px;object-fit:contain}.brand-title{font-family:Georgia,'Times New Roman',serif;font-size:42px;line-height:1;font-weight:700;color:var(--green)}.brand-title span{color:var(--red)}.brand-subtitle{margin-top:6px;font-size:18px}.main-nav{display:flex;align-items:center;gap:28px;font-size:16px;font-weight:700;white-space:nowrap}.main-nav a{text-decoration:none}.main-nav a:hover{text-decoration:underline}.home-main{line-height:0}.start-mitte{display:block;width:100%;height:auto}.site-footer{background:var(--green);color:white;padding:24px 30px 30px}.footer-inner{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.footer-domain span{display:block;font-size:18px}.footer-domain strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:38px;margin-top:4px}.footer-links{text-align:right}.footer-links a{color:white;text-decoration:none;margin:0 10px;font-weight:700}.footer-links a:hover{text-decoration:underline}.footer-note{margin:12px 0 0;font-size:14px;line-height:1.35}.page{max-width:920px;margin:34px auto;padding:48px 28px;background:var(--paper);border-radius:14px;min-height:60vh;line-height:1.45}.page h1{color:var(--green)}@media(max-width:1100px){.header-inner{height:auto;flex-direction:column;align-items:flex-start}.main-nav{flex-wrap:wrap;gap:18px}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-links{text-align:center}}@media(max-width:700px){.header-inner{padding:12px 18px}.brand-title{font-size:30px}.brand-wappen{width:72px;height:84px}.brand-subtitle{font-size:14px}}


/* Fix: Footer darf den unteren Bildbereich nicht überdecken */
.home-main {
    line-height: 0;
    overflow: visible;
}

.start-mitte {
    display: block;
    width: 100%;
    height: auto;
}

.site-footer {
    position: relative;
    z-index: 1;
    margin-top: 0;
}


/* Projektseite: Ablauf-Infografik */
.ablauf-infografik-section {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 42px auto 32px;
    padding: 0;
}

.ablauf-infografik {
    display: block;
    width: 100%;
    max-width: 1400px;
    height: auto;
    margin: 0 auto;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}