/* Gemeinsames Layout fuer alle drei Seiten */
:root{color-scheme:dark!important;--bg:#0b111b!important;--surface:#151f2c!important;--panel:#151f2c!important;--fg:#eaf1f8!important;--text:#eaf1f8!important;--ink:#eaf1f8!important;--muted:#b5c4d1!important;--line:#334356!important;--accent:#70d3d3!important;--aqua:#9be9e8!important;--gold:#e8c995!important}
html{scroll-behavior:smooth}body{background:#0b111b!important;color:#eaf1f8!important;font:16px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif!important}
a{color:#9be9e8}a:hover{color:white}a:focus-visible{outline:2px solid #9be9e8;outline-offset:4px}
.site-nav{position:relative;z-index:10;background:#101b29;color:#eaf1f8;border-bottom:1px solid #334356;padding:0 20px!important}
.site-nav-inner{max-width:1040px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;min-height:66px;padding:10px 0}
.site-brand{font-weight:750;letter-spacing:.015em;color:#fff;text-decoration:none;white-space:nowrap}
.site-links{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.site-links a{font-size:.88rem;color:#cbdce8;text-decoration:none;border:1px solid #3b5163;border-radius:8px;padding:7px 10px}
.site-links a:hover,.site-links a[aria-current=page]{background:#224454;border-color:#6cd0d0;color:white}
body>header:not(.site-nav):not(.nav){background:#132335!important;color:#fff!important}
body>header:not(.site-nav):not(.nav) p{color:#c3d3e2!important}
.card{background:#152232!important;border-color:#35475a!important;color:#eaf1f8!important}
.card p,.intro{color:#bdcad7!important}
.card a{color:#9be9e8!important}
.page-footer{max-width:1040px;margin:42px auto 30px;padding:20px 22px;border-top:1px solid #334356;color:#b5c4d1;font-size:.86rem}
/* Normalisierte Typografie und Bilder */
h1,h2,h3{letter-spacing:-.015em}img{max-width:100%;height:auto}figure{max-width:100%}
@media(max-width:620px){.site-nav-inner{align-items:flex-start}.site-links{width:100%}.site-links a{font-size:.81rem;padding:7px 8px}}


/* Einheitlicher Aufbau beider Umbau-Dokumentationen */
*{box-sizing:border-box}
body.umbau-page{margin:0!important;background:#0b111b!important;color:#eaf1f8!important;font:16px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif!important}
.umbau-page .unified-main{max-width:1040px!important;width:calc(100% - 36px)!important;margin:32px auto 0!important;padding:0!important;display:block!important}
.umbau-page .unified-header{padding:28px 30px!important;border-radius:14px!important;border:1px solid #34465a!important;background:#142233!important;margin-bottom:24px!important;box-shadow:none!important}
.umbau-page .unified-header h1{font-size:clamp(1.65rem,4vw,2.55rem)!important;line-height:1.2!important;margin:0 0 10px!important;color:#f4f8fb!important;text-transform:none!important}
.umbau-page .unified-header p{color:#c2d4df!important;margin:0!important;font-size:1rem!important;max-width:850px!important}
.umbau-page .unified-section{display:block!important;margin:0 0 20px!important;padding:22px 28px!important;background:#111d2a!important;border:1px solid #34465a!important;border-radius:12px!important;max-width:none!important}
.umbau-page .unified-section>h2{color:#f0f7fb!important;font-size:1.45rem!important;line-height:1.35!important;margin:0 0 18px!important;padding:0 0 12px!important;border-bottom:1px solid #33465a!important;text-transform:none!important}
.umbau-page .unified-section h3{color:#eaf1f8!important;font-size:1.14rem!important;margin:0 0 8px!important}
.umbau-page .unified-section p,.umbau-page .unified-section li{color:#d6e0e9!important}
.umbau-page .unified-section a{color:#9be9e8!important}
.umbau-page .unified-section .card,.umbau-page .unified-section .step,.umbau-page .unified-section .note{background:#18293a!important;border:1px solid #394e61!important;color:#eaf1f8!important;box-shadow:none!important;border-radius:10px!important;margin-bottom:14px!important;padding:16px!important}
.umbau-page .unified-section .section-head{display:none!important}
.umbau-page .unified-section .grid,.umbau-page .unified-section .cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr))!important;gap:16px!important}
.umbau-page .unified-section img{max-width:100%!important;height:auto!important;object-fit:contain!important}
.umbau-page .unified-section figure{margin:14px 0!important;max-width:100%!important}
.umbau-page .unified-section table{width:100%!important;border-collapse:collapse!important}
.umbau-page .unified-section th,.umbau-page .unified-section td{border:1px solid #34485a!important;padding:9px 12px!important;text-align:left!important}
.umbau-page .unified-section .stephead{display:flex!important;align-items:center!important;gap:12px!important}
.umbau-page .unified-section .num{font-weight:700!important;color:#9be9e8!important}
.umbau-page .unified-section .display-shell{margin:15px auto!important;max-width:720px!important}
.umbau-page .unified-section .chips{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:16px 0!important}
.umbau-page .unified-section .chip{border:1px solid #43586a!important;border-radius:7px!important;padding:5px 10px!important;background:#1b3042!important;color:#eaf1f8!important}
.umbau-page .unified-section .eyebrow{display:none!important}
.umbau-page .unified-section .section-label{display:none!important}
.umbau-page .unified-section .photo-link{color:#9be9e8!important}
.umbau-page .unified-section .photo-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))!important;gap:16px!important}
.umbau-page .unified-section .hero-real-photo{max-width:100%!important}
.umbau-page .unified-section .note{max-width:none!important}
.umbau-page .unified-section > :last-child{margin-bottom:0!important}
@media(max-width:650px){.umbau-page .unified-main{width:calc(100% - 20px)!important;margin-top:16px!important}.umbau-page .unified-header,.umbau-page .unified-section{padding:18px!important}.umbau-page .unified-section .grid{grid-template-columns:1fr!important}}