/* Approved SABO palette: white, beige, pale green, greige and brown accents. */
:root{--navy:#262824;--ink:#262824;--burgundy:#86574f;--burgundy-dark:#65413b;--muted:#746b60;--pale:#eae7e1}
.ambition-hero,.editorial-cta{background:#f2e9db;color:#262824}
.ambition-copy h1,.ambition-lead,.ambition-copy .eyebrow,.hero-link,.hero-signature,.editorial-cta h2,.editorial-cta p{color:#262824}
.ambition-copy h1 em{color:#86574f}.ambition-copy .primary,.editorial-cta .primary{background:#86574f;color:white}
.ambition-visual figcaption,.ambition-visual figcaption small{color:white}
.shared-strip,.company-letterline{background:#eae7e1;color:#262824}.company-letterline a{color:#65413b}
.gateway-card.energy,.responsibility{background:#e6ebd9;color:#262824}
.gateway-card.energy h2,.gateway-card.energy .path-index,.gateway-card.energy .card-cta,.gateway-card.energy p,.responsibility .eyebrow,.responsibility h2,.responsibility p,.responsibility blockquote,.responsibility cite{color:#262824}
.responsibility h2 em{color:#86574f}.responsibility blockquote{border-color:#b3aa9d}
.bess-page .trust-strip,.bess-page .compact-section{background:#f2e9db;color:#262824}
.bess-page .dark{background:#eae7e1;color:#262824}.bess-page .calculator{background:#e6ebd9;color:#262824}
.bess-page .dark h2,.bess-page .dark h3,.bess-page .dark .eyebrow,.bess-page .compact-section h2,.bess-page .compact-section h2 em,.bess-page .compact-section p:not(.eyebrow),.bess-page .compact-section .eyebrow,.bess-page .calculator h3,.bess-page .calculator dt,.bess-page .calculator dd,.bess-page .calculator .kicker,.bess-page .calculator .total,.bess-page .calculator .total dt,.bess-page .calculator .total dd,.bess-page .calculator .fineprint{color:#262824}
.bess-page .calculator dl div{border-color:#bdc5ad}.bess-page .trust-strip span+span{border-color:#b8ae9f}
.audience-scene{background:#eae7e1}.audience-scene figcaption,.audience-scene .scene-kicker,.audience-scene .scene-headline{color:#262824}
.decentral-opening{background:#e6ebd9;color:#262824}.decentral-opening .eyebrow,.decentral-opening h2{color:#262824}.decentral-opening h2 em{color:#86574f}
.municipal-time-row{background:#eae7e1;color:#262824}.municipal-time-row b{color:#65413b}
.business-home{background:#f2e9db;color:#262824}.business-home>.eyebrow,.business-home h5,.business-home .business-home-principle strong,.business-home .business-home-link{color:#262824}.business-home h5 em{color:#86574f}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Nutzerkorrektur: genaue Schreibweise und mittiger Claim zur Wortmarke. */
.sabo-logo .brand-wordmark{display:flex;flex-direction:column;align-items:center;text-align:center}
.sabo-logo .brand-wordmark strong{text-transform:none}
.sabo-logo .brand-wordmark small{display:block;width:100%;text-align:center}
/* Inhaltsbilder immer in Originalproportionen, auch innerhalb nativer Bildlinks. */
.page-view img{height:auto!important;max-width:100%;object-fit:contain!important;aspect-ratio:var(--image-aspect,auto)!important}
.page-view .sabo-image-link{min-width:0;max-width:100%}
.page-view .sabo-image-link>img{display:block;width:100%;height:auto!important}
.ambition-visual{display:flex;align-items:center;background:#eae7e1}
.ambition-visual>.sabo-image-link{display:block;width:100%}
.letterhead-pictures>.sabo-image-link{align-self:center}
.entry-option.image-navigation-card>.sabo-image-link{display:flex;align-items:center;background:#eae7e1;aspect-ratio:1.65}
.entry-option.image-navigation-card>.sabo-image-link>img{width:100%;height:100%!important;object-fit:contain!important}
/* Weitere 20 Prozent; Original-SVG samt Strich und Handschrift proportional.
   Die Unterkante des Claims liegt auf der originalen Logo-Linie (y=75.9/103.1). */
.sabo-header .sabo-logo{--header-logo-width:87.84px;align-items:flex-start}
.sabo-header .sabo-logo img{width:var(--header-logo-width);height:auto;max-width:none;object-fit:contain;flex:none}
.sabo-header .sabo-logo .brand-wordmark{height:calc(var(--header-logo-width) * 75.9 / 103.1);justify-content:flex-end}
@media(max-width:1180px){.sabo-header .sabo-logo{--header-logo-width:72px}}
@media(max-width:700px){.sabo-header .sabo-logo{--header-logo-width:66.24px}}
/* Die Startüberschrift ist ein h2; dieselbe CI-Lesbarkeit gilt auch für sie. */
.ambition-copy #home-title{color:#262824}
.ambition-copy #home-title .ambition-opening{color:#53634b}
.ambition-copy #home-title em{color:#86574f}
.ambition-copy .hero-family-note{color:#625c53}

/* Three source colors carry the actual A1/A2/A3 assignment. */
.eb-overview-image{display:block;background:white;border:1px solid var(--jg-line,#ddd);border-radius:12px;overflow:hidden}.eb-area-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.eb-area-legend a{display:grid;grid-template-columns:24px 1fr;gap:8px 12px;padding:20px;background:#f2e9db;border-radius:10px;color:#262824;text-decoration:none}.eb-area-legend a:nth-child(2){background:#e6ebd9}.eb-area-legend a:nth-child(3){background:#eae7e1}.eb-area-legend span{width:20px;height:20px;background:var(--area-color);border:1px solid #26282444;grid-row:span 2}.eb-area-legend small{grid-column:2}.eb-area-backlink{margin:0 0 20px}.eb-direct-downloads{margin:24px 0}@media(max-width:700px){.eb-area-legend{grid-template-columns:1fr}}

.jg-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.jg-two-columns h3{font-size:2rem}.jg-two-columns .eb-shared-callout{margin:0}@media(max-width:700px){.jg-two-columns{grid-template-columns:1fr}}

/* Hausnavigation nach der Bereichswahl unmittelbar unter der Kopfzeile. */
.house-primary-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px;padding:18px 4%;margin:0;border-bottom:1px solid #ddd8cf;background:#fff}
.house-primary-nav[hidden]{display:none}
.house-primary-nav a{font-size:14px;line-height:1.5;font-weight:650;text-decoration:none;white-space:nowrap;color:#262824}
.house-primary-nav a:hover,.house-primary-nav a.active{color:#86574f}
.house-primary-nav a:focus-visible{outline:2px solid #86574f;outline-offset:5px}
.sabo-header .sabo-logo img{transform:translateY(-1mm)}
@media(max-width:700px){.house-primary-nav{justify-content:flex-start;gap:10px 18px;padding:14px 5%}}

/* Kapitalanlage: exakt halbe bisherige Bildbreite, unverzerrt und zentriert. */
.page-view[data-page="kapitalanlage"] .legacy figure{width:50%;margin-inline:auto}
.page-view[data-page="kapitalanlage"] .legacy figure img{display:block;width:100%;max-height:none;background:#fff}
/* Markenbild im Seiteninhalt um 40 Prozent; die ausgerichtete Kopfzeile bleibt unberührt. */
.sabo-footer .sabo-logo img{width:133px;height:auto;max-width:100%}
/* Allgemeine Einstiegsseite: Wohnen und Energie, ohne Projektwerbung. */
.energy-story{color:#262824}.energy-story .page-top{padding-bottom:20px}.energy-story .eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#65413b}
.energy-story h1{font-size:clamp(40px,4.4vw,66px);line-height:1.05;letter-spacing:-.045em;margin:18px 0 25px}.energy-story h2{font-size:clamp(32px,3.2vw,47px);line-height:1.1;letter-spacing:-.035em;margin:12px 0 24px}.energy-story h1 em,.energy-story h2 em{font-style:normal;color:#86574f}
.energy-story p{font-size:17px;line-height:1.7}.energy-story .energy-lead{font-size:20px;line-height:1.55}.energy-story figure{margin:0}.energy-story figure a{display:block;cursor:zoom-in}.energy-story figure img{display:block;width:100%;height:auto}.energy-story figcaption{font-size:13px;line-height:1.5;color:#625c53;margin-top:12px}
.energy-opening{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:15px 0 70px}.energy-opening figure{background:#f2e9db;padding:20px}.energy-textlink{font-weight:650;color:#65413b;text-underline-offset:5px}
.energy-sun{display:grid;grid-template-columns:1fr 2fr;gap:7%;align-items:center;background:#f2e9db;padding:60px;margin:15px 0 75px}.energy-sun-symbol{color:#86574f}.energy-sun-symbol svg{display:block;width:100%;max-width:260px;margin:auto}
.energy-reasons{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin:0 0 70px}.energy-day{background:#e6ebd9;padding:48px;margin-bottom:75px}.energy-section-lead{max-width:720px}.energy-day-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:35px}.energy-day-grid article{border-top:2px solid #a8b298;padding-top:20px}.energy-time{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#53634b;font-weight:750}.energy-day h3{font-size:23px;line-height:1.15;margin:14px 0}.energy-day-grid p{font-size:15px;line-height:1.65}.energy-story .energy-footnote{font-size:13px;margin:26px 0 0;max-width:950px;color:#53634b}
.energy-next{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;margin-bottom:75px}.energy-ending{border-top:1px solid #d4c8bc;padding:55px 0 35px;max-width:960px}.energy-ending>p{max-width:770px}.energy-actions{display:flex;gap:16px;flex-wrap:wrap;margin:25px 0}.energy-sources{border-top:1px solid #d4c8bc;padding:20px 0;margin-bottom:45px;color:#625c53}.energy-sources summary{cursor:pointer;font-size:14px;font-weight:650}.energy-sources p{font-size:14px}.energy-story a:focus-visible{outline:3px solid #86574f;outline-offset:5px}
.package-image-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 45px}.package-image-choices article{border:1px solid #d4c8bc;padding:20px;background:#f2e9db}.package-image-choices article:nth-child(2){background:#e6ebd9}.package-image-choices article:nth-child(3){background:#eae7e1}.package-image-choices .document-link{display:block;color:#262824;text-decoration:none;cursor:zoom-in}.package-image-choices img{width:100%;height:auto;display:block}.package-image-choices h3{font-size:24px;margin:16px 0 5px}.package-image-choices span,.package-image-choices article>a:last-child{font-size:14px;font-weight:650;color:#65413b}.package-image-choices p{font-size:15px;margin:15px 0 8px}
.page-view[data-page="referenzen"] .gallery-grid,.page-view[data-page="leistungen"] .gallery-grid{align-items:start}.gallery-grid a:focus-visible{outline:3px solid #86574f;outline-offset:4px}
@media(max-width:850px){.energy-opening,.energy-reasons,.energy-next{grid-template-columns:1fr;gap:26px}.energy-opening{padding-bottom:40px}.energy-opening figure{max-width:650px}.energy-sun{grid-template-columns:140px 1fr;padding:30px;gap:25px;margin-bottom:45px}.energy-day{padding:30px}.energy-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-reasons,.energy-next{margin-bottom:45px}}
@media(max-width:600px){.energy-sun{grid-template-columns:1fr;padding:24px}.energy-sun-symbol svg{max-width:110px;margin:0}.energy-day{padding:24px}.energy-day-grid{grid-template-columns:1fr;gap:16px}.energy-day h3{margin:8px 0}.energy-day-grid p{margin-bottom:4px}.package-image-choices{grid-template-columns:1fr}.energy-actions{display:grid}.energy-actions a{text-align:center}}
/* Hausbau-Menü: helles SABO-Beige, Nutzerauftrag 27.09.2026 16:44 Uhr. */
#house-navigation{background:#F2E9DB;}