/* Shared frame: the About section establishes the width for every page. */
#baugrund-preview{--bg-panel-width:1400px;--bg-page-gutter:24px;--bg-content-padding:clamp(20px,4vw,64px)}
#baugrund-preview .legal-page,#baugrund-preview .section,#baugrund-preview .service-overview-banner,#baugrund-preview .intro-band,#baugrund-preview .service-page,#baugrund-preview .bg-page-body{box-sizing:border-box!important;width:min(calc(100% - var(--bg-page-gutter)*2),var(--bg-panel-width))!important;max-width:var(--bg-panel-width)!important;margin-left:auto!important;margin-right:auto!important}
#baugrund-preview .legal-page,#baugrund-preview .section,#baugrund-preview .bg-page-body{padding-left:var(--bg-content-padding)!important;padding-right:var(--bg-content-padding)!important}
#baugrund-preview .intro-band{padding-left:var(--bg-content-padding)!important;padding-right:var(--bg-content-padding)!important}
#baugrund-preview .service-page{padding:0!important}
#baugrund-preview .service-page-hero,#baugrund-preview .service-detail-layout,#baugrund-preview .service-detail-steps,#baugrund-preview .service-detail-faq{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:var(--bg-content-padding)!important;padding-right:var(--bg-content-padding)!important;box-sizing:border-box}
#baugrund-preview .service-page-hero .bg-service-photo,#baugrund-preview .service-page-hero .wp-block-post-featured-image{max-width:none;width:100%}
#baugrund-preview .bg-job-content,#baugrund-preview .bg-reference-content{width:100%;max-width:none}
#baugrund-preview .hero-copy,#baugrund-preview#baugrund-preview .site-header .header-inner{box-sizing:border-box!important;width:min(calc(100% - var(--bg-page-gutter)*2),var(--bg-panel-width))!important;max-width:var(--bg-panel-width)!important;margin-inline:auto!important;padding-left:var(--bg-content-padding)!important;padding-right:var(--bg-content-padding)!important}
#baugrund-preview .wp-block-post-content>h1,#baugrund-preview .wp-block-post-content>h2{box-sizing:border-box;width:min(calc(100% - var(--bg-page-gutter)*2),var(--bg-panel-width));margin:40px auto;padding-inline:var(--bg-content-padding)}
#baugrund-preview .bg-page-body .wp-block-post-content>h1,#baugrund-preview .bg-page-body .wp-block-post-content>h2{width:100%;padding-inline:0}
#baugrund-preview .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#baugrund-preview .service-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:26px;background:#fff;border:1px solid #d8ded3;border-radius:6px}
#baugrund-preview .service-card>*{margin:0}
#baugrund-preview .service-card h3{font-size:25px;line-height:1.2}
#baugrund-preview .service-card p{font-size:15px;line-height:1.65}
#baugrund-preview .service-card>.wp-element-button{align-self:flex-start;margin-top:auto;padding:12px 18px;background:#173b2d;color:#f4eee2;border-radius:4px;text-decoration:none}
#baugrund-preview .service-card img{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;border-radius:3px}
#baugrund-preview .reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#baugrund-preview .reference-card>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#baugrund-preview .reference-content{padding:24px}
#baugrund-preview .reference-content h3{font-size:24px;line-height:1.3}
#baugrund-preview .reference-content p{margin:14px 0}
#baugrund-preview .reference-content a{display:inline-block;margin-top:15px;color:#173b2d;text-decoration:underline}
#baugrund-preview .bg-reference-content>.wp-block-post-featured-image{margin:30px 0}
#baugrund-preview .bg-example-note{padding:18px;background:#e9eddf}
/* Full-width green footer, with its content aligned to the header and About. */
#baugrund-preview footer.bg-footer-v210{box-sizing:border-box!important;width:100%!important;max-width:none!important;background:#173b2d!important;color:#f4eee2!important;padding:48px 0!important;margin:0!important;border-radius:0}
#baugrund-preview .bg-footer-inner{box-sizing:border-box;width:min(calc(100% - var(--bg-page-gutter)*2),var(--bg-panel-width));max-width:var(--bg-panel-width);margin:0 auto!important;padding:0 var(--bg-content-padding);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#baugrund-preview .bg-footer-company{text-align:left}
#baugrund-preview .bg-footer-contact{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin:0!important}
#baugrund-preview .bg-footer-contact address{font-style:normal}
#baugrund-preview .bg-footer-contact p,#baugrund-preview .bg-footer-contact address{margin:0!important}
#baugrund-preview .bg-footer-brand{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
#baugrund-preview .bg-footer-brand .wp-block-site-logo{margin:0!important;width:180px;max-width:100%}
#baugrund-preview .bg-footer-brand .wp-block-site-logo img{display:block;width:180px;max-width:100%;height:auto!important}
#baugrund-preview footer .bg-footer-slogan{margin:0!important;text-align:center;font-size:16px!important;line-height:1.5!important}
#baugrund-preview .bg-footer-legal .wp-block-buttons{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
#baugrund-preview .bg-footer-legal{text-align:right}
#baugrund-preview .bg-footer-legal .wp-block-button__link{border-radius:0;text-align:right}
.bg-inline-contact{box-sizing:border-box;background:#173b2d;color:#f4eee2;padding:28px;border:1px solid #f4eee244;border-radius:6px;min-width:0}
#bg-contact-surface .bg-inline-contact{padding:0;border:0}
.bg-inline-contact .project-form{display:grid;gap:16px}
.bg-inline-contact label{display:grid;gap:7px;font-size:15px}
.bg-inline-contact input,.bg-inline-contact textarea,.bg-inline-contact select{box-sizing:border-box;width:100%;min-width:0;background:#fff;color:#24382e;border:1px solid #d8ded3;border-radius:4px;padding:11px;font-size:16px;font-family:inherit}
.bg-inline-contact .form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}
.bg-inline-contact .consent{display:flex;align-items:flex-start;gap:10px}
.bg-inline-contact .consent input{width:20px;height:20px;flex-shrink:0}
.bg-inline-contact a{color:#f4eee2;text-decoration:underline}
.bg-inline-contact .trap{position:absolute;left:-9999px}
.bg-inline-contact .form-note{font-size:13px;line-height:1.5}
.bg-inline-contact .submit-button{padding:15px;background:#e0c49e;color:#173b2d;border:0;border-radius:4px;font-size:16px;cursor:pointer}
.bg-inline-contact .submit-button:disabled{opacity:.65;cursor:wait}
.bg-inline-contact .bg-photo-preview{display:flex;gap:10px;flex-wrap:wrap}
.bg-inline-contact .bg-photo-preview img{width:85px;height:65px;object-fit:cover}
.bg-inline-contact [hidden]{display:none!important}
.bg-inline-contact .form-status:not(:empty){padding:15px;border:1px solid #f4eee277;border-radius:4px;font-size:16px;line-height:1.5}
#baugrund-preview a:focus-visible,#baugrund-preview button:focus-visible,.bg-inline-contact :focus-visible{outline:3px solid #b2be63;outline-offset:4px}
@media(max-width:1000px){#baugrund-preview .service-grid,#baugrund-preview .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#baugrund-preview .bg-footer-inner{gap:24px;grid-template-columns:1fr 1.2fr 1fr}}
@media(max-width:760px){#baugrund-preview{--bg-page-gutter:14px;--bg-content-padding:20px}#baugrund-preview .service-grid,#baugrund-preview .reference-grid{grid-template-columns:1fr}#baugrund-preview .bg-footer-inner{grid-template-columns:1fr;gap:32px}#baugrund-preview .bg-footer-company{grid-row:2}#baugrund-preview .bg-footer-brand{grid-row:1}#baugrund-preview .bg-footer-legal{grid-row:3;text-align:left}#baugrund-preview .bg-footer-legal .wp-block-buttons{align-items:flex-start}.bg-inline-contact{padding:20px}.bg-inline-contact .form-row{grid-template-columns:1fr}}
/* Keep the regional image caption fully inside the photo, above its image layer. */
#baugrund-preview .region-photo{position:relative;isolation:isolate;overflow:hidden}
#baugrund-preview .region-photo>.wp-block-image{width:100%!important;height:100%!important;margin:0!important}
#baugrund-preview .region-photo>.wp-block-image img{display:block;width:100%!important;height:100%!important;object-fit:cover;transform:none!important}
#baugrund-preview .region-photo>p,#baugrund-preview .region-photo>span{position:absolute!important;z-index:2;left:20px!important;bottom:20px!important;max-width:calc(100% - 40px);box-sizing:border-box;margin:0!important;padding:8px 14px!important;background:#f4eee2!important;color:#173b2d!important;font-size:14px!important;line-height:1.5!important;border-radius:3px}

/* Preserve the original monogram and add the new name suffix as editable text. */
/* Keep typed text readable on the green contact panels, including Safari autofill. */
#baugrund-preview .project-form label input,#baugrund-preview .project-form label textarea,#baugrund-preview .project-form label select,
#bg-contact-surface .project-form label input,#bg-contact-surface .project-form label textarea,#bg-contact-surface .project-form label select{background:#173b2d;color:#f4eee2;-webkit-text-fill-color:#f4eee2;caret-color:#f4eee2;color-scheme:dark;font-size:16px}
#baugrund-preview .project-form ::placeholder,#bg-contact-surface .project-form ::placeholder{color:#c5cec5;-webkit-text-fill-color:#c5cec5;opacity:1}
#baugrund-preview .project-form select option,#bg-contact-surface .project-form select option{background:#173b2d;color:#f4eee2}
#baugrund-preview .project-form input:autofill,#bg-contact-surface .project-form input:autofill{background:#173b2d;color:#f4eee2;caret-color:#f4eee2}
#baugrund-preview .project-form input:-webkit-autofill,#bg-contact-surface .project-form input:-webkit-autofill{-webkit-text-fill-color:#f4eee2;caret-color:#f4eee2;-webkit-box-shadow:0 0 0 1000px #173b2d inset}
#baugrund-preview .project-form input::file-selector-button,#bg-contact-surface .project-form input::file-selector-button{background:#f4eee2;color:#173b2d;-webkit-text-fill-color:#173b2d;border:1px solid #d8ded3;border-radius:3px;padding:6px 10px;margin-right:10px}

#baugrund-preview .bg-logo-lockup{display:flex;flex-direction:column;align-items:center;gap:0;flex:0 0 auto}
#baugrund-preview .site-header .bg-logo-lockup{width:150px}
#baugrund-preview .bg-logo-lockup .wp-block-site-logo{flex:0 0 auto!important;margin:0!important}
#baugrund-preview .bg-logo-lockup .bg-logo-south{margin:2px 0 0!important;padding:0!important;color:#e0c49e!important;font-size:15px!important;line-height:1.25!important;letter-spacing:.24em;text-align:center}
#baugrund-preview .bg-company-partners{margin-top:24px}
#baugrund-preview .bg-company-partners h3{font-size:24px;margin-bottom:14px}
#baugrund-preview .bg-company-partners p{line-height:1.8}
#baugrund-preview .wp-block-navigation__responsive-container.is-menu-open .bg-mobile-menu-title{white-space:normal;letter-spacing:.03em;font-size:20px}
@media(max-width:360px){#baugrund-preview .wp-block-navigation__responsive-container.is-menu-open .bg-mobile-menu-title{font-size:16px}}
/* Complete supplied logo: preserve its proportions and show its included SÜD line. */
#baugrund-preview .site-header .bg-logo-lockup,#baugrund-preview .site-header .wp-block-site-logo{width:210px!important;flex:0 0 210px!important}
#baugrund-preview .site-header .wp-block-site-logo img{display:block;width:210px!important;max-width:100%;height:auto!important;object-fit:contain}
#baugrund-preview .bg-footer-brand .bg-logo-lockup,#baugrund-preview .bg-footer-brand .wp-block-site-logo{width:240px!important;max-width:100%}
#baugrund-preview .bg-footer-brand .wp-block-site-logo img{width:240px!important;max-width:100%;height:auto!important}
@media(max-width:760px){#baugrund-preview .site-header .bg-logo-lockup,#baugrund-preview .site-header .wp-block-site-logo{width:170px!important;flex-basis:170px!important}#baugrund-preview .site-header .wp-block-site-logo img{width:170px!important}}