/* Wiese Immobilien · Entwurf 02: Anthrazit, Bronze und helle Informationsflächen. */
:root {
  --ink: #20211e;
  --muted: #63645d;
  --bronze: #9f8966;
  --accent: #786344;
  --paper: #fcfbf8;
  --soft: #f0eee8;
  --line: #d8d7ce;
  --dark: #1d1e1b;
  --on-dark: #f7f5ef;
  --muted-dark: #cfcdc3;
  --bronze-light: #c4ad8a;
  --max: 1400px;
}
body {font-family:"Segoe UI",Arial,sans-serif;font-size:18px;line-height:1.65;background:var(--paper)}
h1,h2,h3 {font-weight:350;letter-spacing:-.045em;line-height:1.12;text-wrap:balance}
h2 {font-size:clamp(33px,3.2vw,46px)}
p {margin-bottom:20px}
.wrap,.site-header {width:calc(100% - 104px)}
.section {padding-block:76px}
.eyebrow {font-size:13px;letter-spacing:.11em;font-weight:500;margin-bottom:18px}
.draft-bar {background:#121310;color:#c5c2b9;padding:6px 52px;border-bottom:1px solid #ffffff10;font-size:12px}
.site-masthead {background:var(--dark)}
.site-header {padding:12px 0;min-height:144px;gap:32px}
.brand {flex:0 0 118px;background:#fff;padding:10px 12px}
.brand img {width:94px;height:auto}
.site-header nav {font-size:15px;gap:32px;color:var(--on-dark)}
.site-header nav a {padding-block:9px;transition:color .2s,border-color .2s}
.site-header nav a:hover {color:var(--bronze-light)}
.site-header nav a:last-child {border:1px solid #9f896688;padding:11px 24px;margin-left:4px}
.site-header nav a[aria-current] {color:var(--bronze-light);border-bottom-color:var(--bronze)}
.site-header a:focus-visible,.site-header button:focus-visible,.hero-shell a:focus-visible,.hero-shell button:focus-visible,.site-footer a:focus-visible,.engagement-teaser a:focus-visible {outline-color:var(--bronze-light)}
.menu-toggle {color:var(--on-dark)}
.button {font-size:16px;min-height:48px;gap:30px}
.primary {padding:15px 22px}
.text-button {padding:9px 0}
.hero-shell {background:var(--dark);color:var(--on-dark)}
.hero {display:grid;grid-template-columns:.92fr 1.35fr;gap:46px;padding:22px 0 44px;align-items:center}
.hero-heading {display:block;margin:0;min-width:0;padding:0 0 14px;align-self:center}
.hero-heading .eyebrow {color:var(--bronze-light);font-size:12px;letter-spacing:.1em}
.hero-heading h1 {font-size:clamp(38px,4.1vw,62px);line-height:1.13;letter-spacing:-.055em;margin-bottom:28px;font-weight:350;text-wrap:initial}
.hero-heading h1 span {color:var(--bronze-light)}
.hero-description {font-size:18px;color:var(--muted-dark);line-height:1.65;margin-bottom:27px}
.hero-actions .primary {background:var(--bronze);color:#12130f;min-height:52px}
.hero-actions .primary:hover {background:#b29b77}
.hero-actions .quiet-link {color:var(--muted-dark);margin-top:17px;font-size:14px;text-decoration-color:#7e7f74}
.hero-signature {margin:42px 0 0;padding-top:18px;border-top:1px solid #ffffff22;width:fit-content;color:#c3c1b6;font-size:13px;letter-spacing:.035em}
.hero-visual {min-width:0}
.hero-stage {display:block;background:#2a2b26;margin:0}
.hero-slides {aspect-ratio:4/3;width:100%;max-height:none}
.hero-slide {object-fit:contain}
.hero-image-meta {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0 12px}
.hero-image-meta .image-type {color:#cbc9bf;font-size:12px;line-height:1.45}
.slide-controls {display:flex;align-items:center;gap:5px;flex-shrink:0}
.slide-controls button {border:0;background:transparent;color:var(--on-dark);min-width:32px;min-height:40px;padding:6px;font-size:16px}
.slide-controls button:hover {background:#ffffff14}
.slide-controls .image-count {transform:none;display:block;margin:0 3px;color:#d6d2c7;font-size:12px}
.slide-controls .slideshow-toggle {display:flex;margin-left:4px;gap:5px;font-size:12px}
.hero-project-link {display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff2b;padding-top:15px}
.hero-project-link>span:first-child {display:flex;flex-direction:column;gap:3px}
.hero-project-link .eyebrow {font-size:12px;letter-spacing:.09em;color:var(--bronze-light);margin:0}
.hero-project-link strong {font-size:24px;font-weight:400;letter-spacing:-.025em}
.hero-project-link>span:last-child {font-size:27px;color:var(--bronze-light)}
.profile {grid-template-columns:.8fr 1.7fr;gap:70px}
.profile>div:last-child {max-width:790px}
.profile p:not(.eyebrow) {color:#53564f;max-width:720px}
.section-index {display:block;font-size:12px;letter-spacing:.08em;color:var(--muted);margin-top:115px}
.profile h2 {font-size:clamp(35px,3.35vw,48px)}
.section-heading {margin-bottom:32px;align-items:end}
.section-heading .button {font-size:15px}
.current-section {background:var(--soft)}
.current-feature {grid-template-columns:1.15fr 1fr;background:var(--paper)}
.feature-image {background:#e4e1d9}
.feature-copy {padding:36px 42px}
.feature-copy h2 {font-size:clamp(30px,2.8vw,40px)}
.feature-copy p {font-size:17px}
.status-open {font-size:14px!important;color:#705b3c;margin:25px 0}
.project-grid {gap:42px 28px}
.selected-projects {grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}
.card-photo {background:#eae8e1;border:1px solid #dedbd2;margin-bottom:20px}
.card-photo img {object-fit:contain;transition:none}
.card-photo:hover img {filter:none}
.card-photo>span {font-size:12px;background:#fff;padding:4px 9px}
.project-card :is(h2,h3) {font-size:30px;margin-bottom:10px}
.card-kind {min-height:0;margin-bottom:16px}
.card-status {font-size:14px;padding-block:11px;gap:6px 18px}
.project-card>.button {min-height:42px}
.values-section {padding-block:44px 72px}
.values-section>h2 {font-size:35px}
.values-grid {margin-top:30px;gap:42px}
.value-number {margin-bottom:18px;padding-bottom:12px}
.values-grid h3 {font-size:27px;margin-bottom:14px}
.values-grid p {margin:0;font-size:17px}
.engagement-teaser {background:var(--dark);color:var(--on-dark);padding:70px 0}
.engagement-teaser>.wrap {display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.engagement-teaser .eyebrow {color:var(--bronze-light)}
.engagement-teaser h2 {font-size:clamp(38px,3.7vw,53px)}
.engagement-teaser h2 span {color:var(--bronze-light)}
.engagement-teaser .button {color:var(--on-dark)}
.engagement-teaser p {color:var(--muted-dark)}
.engagement-topics {padding:0;list-style:none;margin:24px 0 0}
.engagement-topics li {display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding:13px 0;font-size:15px}
.engagement-topics li span {font-size:13px;color:var(--bronze-light)}
.contact-cta {background:#bdab8e;color:#171913;padding-block:55px}
.contact-cta .eyebrow {color:#3c3f32}
.contact-cta h2 {font-size:clamp(37px,3.8vw,52px)}
.contact-cta p {color:#282b23}
.contact-cta .button {color:#171913;border-bottom-color:#5d5546}
.contact-cta .wrap>div {gap:50px}
.site-footer {background:#151613;color:#eceae1;padding:42px 52px 24px}
.footer-top>div>p:not(.footer-name) {color:#c4c3b9;font-size:15px}
.footer-name {font-size:25px;color:#f2efe6;letter-spacing:-.03em}
.site-footer .text-button {border-color:var(--bronze);color:#e8e4da}
.footer-bottom {border-top-color:#ffffff26;margin-top:34px;padding-top:20px;color:#c4c3b9;font-size:13px}
.page-intro {padding-block:36px 40px;margin-bottom:40px}
.page-intro h1 {font-size:clamp(39px,4.4vw,64px);max-width:1050px}
.page-intro .eyebrow {color:var(--accent)}
.lead {margin-top:22px;font-size:20px;max-width:790px}
.breadcrumb {padding-top:25px}
.project-intro {padding:30px 0 34px}
.project-intro h1 {font-size:clamp(40px,4.6vw,64px)}
.project-type {margin:19px 0;font-size:21px}
.project-status {padding-block:14px}
.detail-overview {gap:48px}
.detail-copy h2 {font-size:34px}
.detail-copy>p {font-size:17px}
.facts>div {padding-block:12px}
.gallery-grid {gap:34px}
.gallery-grid .media-open {background:#eae8e1}
.media-open img {object-fit:contain}
.project-figure figcaption {padding-top:9px}
.bottom-note {margin-bottom:45px}
.current-overview {padding-bottom:64px}
.current-overview .availability {padding-top:54px}
.availability h2 {font-size:34px}
.portfolio {padding-bottom:64px}
.draft-note {border-color:#d5c9b5;background:#f5f0e6;padding:18px 22px}
.draft-note p {font-size:14px;line-height:1.6}
.draft-note>span {font-size:12px}
.about-story {gap:58px}
.about-story h2 {font-size:38px}
.about-text {gap:65px;padding-bottom:54px}
.about-text h3 {margin-top:24px}
.company-journey {padding:10px 0 64px}
.journey-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:30px}
.journey-grid article {border-top:1px solid var(--bronze);padding-top:20px}
.journey-grid .eyebrow {font-size:12px}
.journey-grid h3 {font-size:27px;margin-bottom:14px}
.journey-grid p {font-size:16px;color:var(--muted)}
.contact-layout {padding-bottom:68px}
.contact-message {padding-top:20px}
.contact-message h2 {font-size:43px}
.legal-copy {padding-bottom:70px}
.engagement-intro {background:var(--dark);color:var(--on-dark);padding:35px 0 62px}
.engagement-intro .wrap {display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:end}
.engagement-intro .eyebrow {color:var(--bronze-light)}
.engagement-intro h1 {font-size:clamp(40px,4.6vw,65px);max-width:700px;line-height:1.1}
.engagement-intro h1 span {color:var(--bronze-light)}
.engagement-intro .engagement-intro-copy {border-left:1px solid var(--bronze);padding-left:26px;color:var(--muted-dark);font-size:18px}
.engagement-intro-copy p:last-child {margin-bottom:0}
.engagement-local {padding-block:60px 45px}
.engagement-local>h2 {font-size:39px;margin-bottom:30px}
.engagement-row {display:grid;grid-template-columns:70px 1fr 1.2fr;gap:34px;border-top:1px solid var(--line);padding:32px 0}
.engagement-number {font-size:14px;color:var(--accent);padding-top:4px}
.engagement-row .eyebrow {font-size:12px;letter-spacing:.08em;color:var(--accent);margin:0 0 13px}
.engagement-row h3 {font-size:31px;margin:0}
.engagement-row p {font-size:17px;margin:0;color:#55594f}
.engagement-world {background:var(--soft);padding:57px 0}
.engagement-world>.wrap {display:grid;grid-template-columns:1fr 1fr;gap:90px}
.engagement-world h2 {font-size:47px;margin-bottom:12px}
.engagement-world .world-purpose {color:var(--muted);font-size:18px}
.engagement-world-copy {border-left:1px solid var(--bronze);padding-left:34px}
.engagement-world-copy p {font-size:18px;max-width:650px}
.engagement-world-copy .eyebrow {color:var(--accent);font-size:13px}
.engagement-close {padding-block:42px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.engagement-close p {margin:0;font-size:18px;max-width:600px}
.viewer-toolbar,.viewer-bottom {color:var(--ink)}
@media(max-width:1150px){
 .site-header nav {gap:24px;font-size:14px}
 .site-header nav a:last-child {padding-inline:18px}
 .hero {gap:30px}
 .hero-heading h1 {font-size:clamp(37px,4vw,48px)}
 .hero-description {font-size:17px}
 .hero-image-meta {align-items:start;gap:9px}
 .hero-image-meta .image-type {max-width:200px}
 .slide-controls .slideshow-toggle {font-size:12px;padding-inline:3px}
 .feature-copy {padding:30px}
 .engagement-teaser>.wrap,.engagement-intro .wrap {gap:55px}
}
@media(max-width:950px){
 .wrap,.site-header {width:calc(100% - 64px)}
 .draft-bar {padding-inline:32px}
 .site-header {gap:25px;min-height:125px}
 .brand {flex-basis:100px;padding:9px 12px}
 .brand img {width:76px}
 .site-header nav {gap:17px}
 .site-header nav a:last-child {padding:9px 13px;margin:0}
 .hero {grid-template-columns:.9fr 1.15fr;gap:30px}
 .hero-heading h1 {font-size:36px}
 .hero-heading .eyebrow {font-size:11px;letter-spacing:.07em}
 .hero-actions .button {font-size:14px;gap:15px;padding-inline:16px}
 .hero-description br {display:none}
 .hero-signature {margin-top:27px}
 .hero-image-meta {flex-direction:column;align-items:stretch}
 .hero-image-meta .image-type {max-width:none}
 .slide-controls {justify-content:flex-end}
 .hero-project-link strong {font-size:22px}
 .profile {gap:40px}
 .section {padding-block:58px}
 .site-footer {padding-inline:32px}
 .engagement-row {grid-template-columns:35px 1fr 1.1fr;gap:25px}
 .engagement-row h3 {font-size:28px}
 .engagement-world>.wrap {gap:45px}
}
@media(max-width:760px){
 .wrap,.site-header {width:calc(100% - 40px)}
 .draft-bar {padding:6px 20px;font-size:12px}
 .site-header {min-height:112px;padding:10px 0;gap:20px}
 .brand {flex:0 0 86px;width:86px;padding:8px 10px}
 .brand img {width:66px}
 .menu-toggle {font-size:15px;min-height:44px;gap:13px}
 .site-header nav {background:var(--dark);color:var(--on-dark);padding:12px 25px 25px;gap:0;font-size:17px;box-shadow:0 12px 18px #0002;border-top:1px solid #ffffff20}
 .site-header nav a {padding:14px 0;border-bottom:1px solid #ffffff20}
 .site-header nav a:last-child {margin-top:14px;padding:12px 16px;text-align:center}
 .hero {grid-template-columns:1fr;gap:26px;padding:21px 0 26px}
 .hero-heading {padding:0}
 .hero-heading .eyebrow {font-size:12px;letter-spacing:.06em;margin-bottom:18px}
 .hero-heading h1 {font-size:clamp(34px,9.6vw,52px);margin-bottom:22px;line-height:1.1}
 .hero-description {font-size:17px;margin-bottom:20px;max-width:450px}
 .hero-description br {display:initial}
 .hero-actions .button {font-size:15px;min-height:47px;padding:12px 19px;gap:28px}
 .hero-actions .quiet-link {font-size:14px;margin-top:13px}
 .hero-signature {display:none}
 .hero-image-meta {flex-direction:row;align-items:center;gap:8px;padding-block:8px}
 .hero-image-meta .image-type {font-size:11px;max-width:145px}
 .slide-controls {gap:2px}
 .slide-controls button {min-width:27px;min-height:40px;padding:5px 3px}
 .slide-controls .image-count {font-size:11px;margin:0}
 .slide-controls .slideshow-toggle {font-size:11px;margin-left:3px;gap:3px}
 .hero-project-link {padding-top:11px}
 .hero-project-link .eyebrow {font-size:11px;letter-spacing:.06em}
 .hero-project-link strong {font-size:22px}
 .section {padding-block:46px}
 .profile {grid-template-columns:1fr;gap:12px}
 .section-index {display:none}
 .profile h2 {font-size:33px;margin-bottom:21px}
 .profile p {font-size:17px}
 .profile>div:first-child>.eyebrow {margin:0}
 .section-heading {gap:10px;margin-bottom:25px}
 .section-heading .button {font-size:14px}
 h2 {font-size:33px}
 .current-feature {grid-template-columns:1fr}
 .feature-copy {padding:27px 22px}
 .feature-copy h2 {font-size:32px}
 .selected-projects {grid-template-columns:1fr;gap:35px}
 .project-grid {gap:35px}
 .values-section {padding-block:20px 43px}
 .values-section>h2 {font-size:31px}
 .values-grid {margin-top:25px;gap:25px}
 .values-grid h3 {font-size:27px}
 .values-grid p {font-size:17px}
 .engagement-teaser {padding-block:46px}
 .engagement-teaser>.wrap {grid-template-columns:1fr;gap:28px}
 .engagement-teaser h2 {font-size:38px;margin-bottom:22px}
 .engagement-teaser p {font-size:17px}
 .engagement-topics {margin-top:20px}
 .engagement-topics li {font-size:14px;gap:15px;padding-block:12px}
 .engagement-topics li span {font-size:12px;white-space:nowrap}
 .contact-cta {padding-block:39px}
 .contact-cta h2 {font-size:36px}
 .contact-cta .wrap>div {gap:22px}
 .contact-cta p {font-size:17px}
 .site-footer {padding:34px 20px 24px}
 .footer-name {font-size:24px}
 .footer-bottom {font-size:13px;margin-top:26px}
 .page-intro {padding:27px 0 30px;margin-bottom:29px}
 .page-intro h1 {font-size:39px}
 .lead {font-size:18px;margin-top:18px}
 .breadcrumb {padding-top:22px}
 .project-intro {padding:26px 0 28px}
 .project-intro h1 {font-size:39px}
 .project-type {font-size:19px;margin-top:18px}
 .project-status {font-size:14px;gap:10px}
 .detail-overview {gap:29px}
 .detail-copy h2 {font-size:31px}
 .facts>div {padding-block:12px}
 .gallery-grid {gap:28px}
 .availability h2 {font-size:31px}
 .draft-note {padding:17px 18px}
 .current-overview {padding-bottom:45px}
 .current-overview .availability {padding-top:38px}
 .about-story {gap:25px}
 .about-story h2 {font-size:32px}
 .about-text {gap:18px;padding-block:37px}
 .journey-grid {grid-template-columns:1fr;gap:23px;margin-top:24px}
 .company-journey {padding-bottom:43px}
 .journey-grid article {padding-top:17px}
 .journey-grid .eyebrow {margin-bottom:12px}
 .journey-grid h3 {font-size:26px}
 .contact-layout {padding-bottom:43px}
 .contact-message h2 {font-size:36px}
 .engagement-intro {padding:24px 0 34px}
 .engagement-intro .wrap {grid-template-columns:1fr;gap:25px}
 .engagement-intro h1 {font-size:39px}
 .engagement-intro .engagement-intro-copy {font-size:17px;padding-left:20px}
 .engagement-local {padding-block:39px 17px}
 .engagement-local>h2 {font-size:32px;margin-bottom:25px}
 .engagement-row {grid-template-columns:30px 1fr;gap:10px 14px;padding-block:26px}
 .engagement-row>p {grid-column:2}
 .engagement-row h3 {font-size:28px;margin-bottom:5px}
 .engagement-row p {font-size:17px}
 .engagement-row .eyebrow {font-size:11px;margin-bottom:10px}
 .engagement-world {padding-block:36px}
 .engagement-world>.wrap {grid-template-columns:1fr;gap:18px}
 .engagement-world h2 {font-size:37px}
 .engagement-world-copy {padding-left:20px}
 .engagement-world-copy p {font-size:17px}
 .engagement-close {padding-block:32px;flex-direction:column;align-items:start;gap:15px}
 .engagement-close p {font-size:17px}
}
@media(max-width:370px){
 .hero-heading h1 {font-size:32px}
 .hero-image-meta {flex-wrap:wrap;gap:4px}
 .hero-image-meta .image-type {max-width:none;width:100%;font-size:12px}
 .slide-controls {margin-left:auto}
 .hero-project-link strong {font-size:21px}
 .engagement-topics li {flex-direction:column;gap:3px}
 .project-intro h1,.page-intro h1,.engagement-intro h1 {font-size:35px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Entwurf 03 · Großzügige Bildfolge und ruhige, durchgehend helle Navigation. */
.draft-bar {background:var(--dark);color:#d8d4c9;border:0}
.site-masthead {background:#fff;border-bottom:1px solid #e8e5dd}
.site-header {min-height:126px;padding:14px 0;gap:32px}
.brand {background:transparent;flex:0 0 83px;width:83px;padding:0}
.brand img {width:83px;height:auto}
.site-header nav {color:var(--ink);gap:28px;font-size:14px}
.site-header nav a {white-space:nowrap}
.site-header nav a:hover,.site-header nav a[aria-current] {color:var(--accent)}
.site-header nav a:last-child {background:var(--dark);color:#fff;border:1px solid var(--dark);padding:12px 20px;margin:0}
.site-header nav a:last-child:hover {background:#383a32;color:#fff}
.site-header a:focus-visible,.site-header button:focus-visible {outline-color:var(--accent)}
.menu-toggle {color:var(--ink)}
.hero-shell {background:var(--dark);color:var(--on-dark)}
.hero {display:block;width:calc(100% - 104px);max-width:1600px;padding:39px 0 30px}
.hero-heading {display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:60px;padding:0;margin:0 0 34px}
.hero-heading .eyebrow {font-size:12px;letter-spacing:.1em;margin-bottom:16px;color:var(--bronze-light)}
.hero-heading h1 {font-size:clamp(42px,4.5vw,70px);font-weight:350;line-height:1.02;margin:0;letter-spacing:-.055em}
.hero-heading h1 span {font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:var(--bronze-light);letter-spacing:-.048em}
.hero-introduction {max-width:445px;justify-self:end}
.hero-description {font-size:17px;line-height:1.6;margin:0 0 19px;color:var(--muted-dark)}
.hero-actions {display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.hero-actions .primary {background:transparent;padding:0 0 9px;border-bottom:1px solid var(--bronze);font-size:16px;color:var(--on-dark);min-height:40px;gap:34px}
.hero-actions .primary:hover {background:transparent;color:var(--bronze-light)}
.hero-actions .quiet-link {display:none}
.hero-visual {width:100%;margin:0}
.hero-stage {background:#262823;margin:0;display:block}
.hero-slides {width:100%;aspect-ratio:4/3;max-height:none}
.hero-slide {object-fit:contain}
.hero-image-meta {padding:12px 0;display:flex;align-items:center;flex-direction:row;justify-content:space-between;gap:16px}
.hero-image-meta .image-type {font-size:13px;max-width:none;text-align:left}
.slide-controls {gap:9px;justify-content:flex-end;margin:0}
.slide-controls button {min-width:40px;min-height:44px;font-size:18px;padding:6px}
.slide-controls .image-count {font-size:13px;display:block}
.slide-controls .slideshow-toggle {min-width:92px;font-size:13px;gap:7px;margin:0}
.hero-project-link {padding-top:18px;align-items:center}
.hero-project-link strong {font-size:30px}
.hero-project-link .eyebrow {font-size:12px;letter-spacing:.08em}
.hero-project-link>span:last-child {font-size:36px}
.profile {padding-block:88px}
.director-section {background:var(--soft);margin-top:70px}
.director-layout {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:88px;align-items:center}
.director-photo {margin:0;max-width:455px}
.director-photo img {width:100%;height:auto;object-fit:contain}
.director-photo figcaption {font-size:13px;color:var(--muted);padding-top:11px}
.director-layout .eyebrow {color:var(--accent);font-size:12px;max-width:530px}
.director-layout h2 {font-size:clamp(34px,3.5vw,49px);margin-bottom:13px}
.director-qualification {font-size:16px;color:var(--accent);margin-bottom:30px}
.director-layout p:not(.eyebrow):not(.director-qualification) {font-size:18px;max-width:670px}
.contact-details .facts dd {color:var(--ink);overflow-wrap:anywhere}
.contact-details .facts a {text-decoration:underline;text-decoration-color:var(--bronze);text-underline-offset:5px}
.contact-source {font-size:13px;color:var(--muted);margin-top:20px}
.acquisition-teaser {padding:65px 0;background:var(--soft);border-top:1px solid var(--line)}
.acquisition-teaser>.wrap {display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center}
.acquisition-teaser p:not(.eyebrow):not(.acquisition-area) {max-width:500px;color:var(--muted);font-size:18px}
.acquisition-teaser .primary {margin-top:6px}
.acquisition-summary {padding-left:50px;border-left:1px solid var(--bronze)}
.acquisition-area {font-size:clamp(34px,4.1vw,62px);line-height:1.15;font-weight:350;letter-spacing:-.055em;color:var(--ink);margin:0 0 32px;white-space:nowrap}
.acquisition-area>span {display:block;font-size:13px;letter-spacing:.08em;line-height:1.5;margin-top:14px;color:var(--accent)}
.acquisition-profile {display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-bottom:70px}
.acquisition-profile>div>p:not(.eyebrow) {max-width:530px}
.acquisition-profile .button {margin-top:8px}
.acquisition-facts {background:var(--dark);color:var(--on-dark);padding:44px 40px}
.acquisition-facts .acquisition-area {color:var(--bronze-light);font-size:clamp(36px,3.6vw,53px)}
.acquisition-facts .acquisition-area>span {color:var(--muted-dark)}
.acquisition-facts dl {margin:0;font-size:16px}
.acquisition-facts dl>div {padding:16px 0;border-top:1px solid #ffffff30}
.acquisition-facts dt {font-size:12px;letter-spacing:.08em;color:var(--bronze-light);margin-bottom:6px}
.acquisition-facts dd {margin:0}
.acquisition-process {background:var(--soft)}
.acquisition-process .section-copy {max-width:340px;margin:0;font-size:17px}
.acquisition-process .journey-grid {margin-top:40px;gap:45px}
.acquisition-process .journey-grid p {font-size:17px}
.acquisition-contact {display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.acquisition-contact h2 {margin-bottom:15px}
.acquisition-contact p:not(.eyebrow) {font-size:17px;color:var(--muted)}
.acquisition-email {display:block;font-size:clamp(19px,2.2vw,31px);letter-spacing:-.025em;border-bottom:1px solid var(--bronze);padding:0 0 14px;overflow-wrap:anywhere}
.acquisition-email span {float:right;margin-left:10px}
.acquisition-phone {display:block;font-size:22px;margin:17px 0 21px}
.acquisition-email:hover,.acquisition-phone:hover {color:var(--accent)}
@media(max-width:1150px){
 .site-header nav {gap:17px;font-size:13px}
 .site-header nav a:last-child {padding-inline:16px}
 .hero-heading {gap:40px}
 .director-layout {gap:55px}
 .acquisition-profile,.acquisition-contact {gap:50px}
 .acquisition-teaser>.wrap {gap:60px}
 .acquisition-summary {padding-left:35px}
 .acquisition-facts {padding:34px 28px}
}
@media(max-width:1000px){
 .site-header {position:relative;min-height:116px}
 .brand {flex-basis:75px;width:75px;padding:0}
 .brand img {width:75px}
 .menu-toggle {display:flex;align-items:center;gap:13px;font-size:15px;min-height:44px}
 .site-header nav {display:none;position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--ink);padding:18px 28px 27px;flex-direction:column;align-items:stretch;gap:0;font-size:17px;z-index:20;box-shadow:0 15px 20px #0002;border-top:1px solid var(--line)}
 .site-header nav.is-open {display:flex}
 .site-header nav a {padding:14px 0;border-bottom:1px solid var(--line)}
 .site-header nav a:last-child {margin-top:14px;text-align:center;padding:13px 16px}
 .hero {width:calc(100% - 64px);padding-top:30px}
 .hero-heading {grid-template-columns:1.2fr 1fr;gap:30px;margin-bottom:28px}
 .hero-heading h1 {font-size:clamp(39px,4.6vw,48px)}
 .hero-description {font-size:16px}
 .hero-project-link strong {font-size:27px}
 .director-layout {gap:35px}
 .acquisition-teaser>.wrap {gap:38px}
 .acquisition-area {font-size:39px}
}
@media(max-width:760px){
 .site-header {min-height:110px;padding:12px 0}
 .brand {flex-basis:74px;width:74px;padding:0}
 .brand img {width:74px}
 .site-header nav {left:-20px;right:-20px}
 .hero {width:100%;padding:27px 0 22px}
 .hero-heading {display:block;padding:0 20px;margin:0 0 26px}
 .hero-heading .eyebrow {font-size:10px;letter-spacing:.07em;margin-bottom:16px}
 .hero-heading h1 {font-size:clamp(36px,9vw,58px);line-height:1.06;margin-bottom:20px}
 .hero-introduction {max-width:530px;margin:0}
 .hero-description {font-size:16px;line-height:1.55;margin-bottom:13px;max-width:420px}
 .hero-actions .primary {font-size:15px;min-height:40px;padding:0 0 7px}
 .hero-stage {margin:0}
 .hero-image-meta {margin-inline:20px;padding:9px 0;gap:10px;flex-wrap:wrap}
 .hero-image-meta .image-type {font-size:11px;max-width:none;width:auto}
 .slide-controls {gap:4px;margin-left:auto}
 .slide-controls button {min-width:34px;min-height:44px;padding:5px;font-size:16px}
 .slide-controls .image-count {font-size:12px}
 .slide-controls .slideshow-toggle {min-width:80px;font-size:12px;margin:0}
 .hero-project-link {margin-inline:20px;padding-top:14px}
 .hero-project-link .eyebrow {font-size:11px}
 .hero-project-link strong {font-size:25px}
 .hero-project-link>span:last-child {font-size:30px}
 .profile {padding-block:44px}
 .director-section {margin-top:42px}
 .director-layout {grid-template-columns:1fr;gap:32px}
 .director-photo {max-width:440px}
 .director-layout h2 {font-size:34px}
 .director-layout .eyebrow {font-size:11px}
 .director-layout p:not(.eyebrow):not(.director-qualification) {font-size:17px}
 .director-qualification {margin-bottom:22px}
 .director-layout .button {font-size:14px;gap:18px}
 .acquisition-teaser {padding-block:43px}
 .acquisition-teaser>.wrap {grid-template-columns:1fr;gap:34px}
 .acquisition-summary {padding:25px 0 0;border-left:0;border-top:1px solid var(--bronze)}
 .acquisition-area {font-size:43px;margin-bottom:23px}
 .acquisition-area>span {font-size:12px;margin-top:10px}
 .acquisition-teaser p:not(.eyebrow):not(.acquisition-area) {font-size:17px}
 .acquisition-profile {grid-template-columns:1fr;gap:30px;padding-bottom:43px}
 .acquisition-facts {padding:28px 24px}
 .acquisition-facts .acquisition-area {font-size:38px}
 .acquisition-process .journey-grid {gap:25px;margin-top:27px}
 .acquisition-contact {grid-template-columns:1fr;gap:22px}
 .acquisition-contact>div>p:last-child {margin:0}
 .acquisition-email {font-size:clamp(18px,5.5vw,26px);padding-bottom:12px}
 .acquisition-phone {font-size:21px}
}
@media(max-width:370px){
 .hero-heading h1 {font-size:34px}
 .hero-image-meta .image-type {width:100%;font-size:12px}
 .hero-project-link strong {font-size:23px}
 .acquisition-area {font-size:38px}
 .acquisition-facts .acquisition-area {font-size:32px}
}

/* Dunkler Kopfbereich nach Alexandras Rückmeldung zum weißen Streifen. */
.site-masthead {background:var(--dark);border-bottom:1px solid #ffffff19}
.site-header nav {color:var(--on-dark)}
.site-header nav a:hover,.site-header nav a[aria-current] {color:var(--bronze-light)}
.site-header nav a:last-child {border-color:var(--bronze);color:var(--on-dark);background:transparent}
.site-header nav a:last-child:hover {background:#ffffff12}
.brand {background:transparent}
.brand img {mix-blend-mode:lighten}
.menu-toggle {color:var(--on-dark)}
.site-header a:focus-visible,.site-header button:focus-visible {outline-color:var(--bronze-light)}
@media(max-width:1000px){
 .site-header nav {background:var(--dark);color:var(--on-dark);border-top-color:#ffffff25}
 .site-header nav a {border-bottom-color:#ffffff25}
}
/* Originalsignet oben, vollständiges Original-Logo im hellen Fußbereich. */
.site-header {min-height:106px;padding:18px 0}
.brand {flex:0 0 64px;width:64px;padding:0;background:transparent;line-height:0}
.brand-mark {display:block;width:64px;height:70px;overflow:hidden}
.site-footer {background:#fff;color:var(--ink);border-top:1px solid var(--line);padding-top:58px}
.footer-top {display:grid;grid-template-columns:190px 1fr 1fr;gap:75px;align-items:center}
.footer-brand {display:block;max-width:190px}
.footer-brand img {width:190px;height:auto}
.footer-name {color:var(--ink);font-size:27px;letter-spacing:-.035em}
.footer-top>div>p:not(.footer-name) {color:var(--muted);font-size:16px}
.footer-contact>a {display:block;font-size:16px;margin:0 0 10px;overflow-wrap:anywhere}
.footer-contact>.button {display:flex;width:fit-content;margin-top:24px;font-size:15px;gap:30px}
.footer-contact .eyebrow {color:var(--accent)!important;font-size:12px!important}
.site-footer .text-button {color:var(--ink)}
.footer-bottom {border-top-color:var(--line);color:var(--muted);margin-top:48px}
.site-footer a:focus-visible {outline-color:var(--accent)}
@media(max-width:1050px){.footer-top{gap:35px;grid-template-columns:145px 1fr 1fr}.footer-brand,.footer-brand img{width:145px}.footer-name{font-size:24px}}
@media(max-width:760px){
 .site-header {min-height:94px;padding:16px 0}
 .brand {flex-basis:54px;width:54px}
 .brand-mark {width:54px;height:59px}
 .site-footer {padding-top:38px}
 .footer-top {grid-template-columns:1fr;gap:29px}
 .footer-brand,.footer-brand img {width:175px}
 .footer-name {font-size:25px}
 .footer-top>div>p:last-child {margin-bottom:0}
 .footer-bottom {margin-top:30px}
}
/* Lesbarkeit der Navigation und Beschriftungen auf kleineren Displays. */
@media(min-width:1001px) and (max-width:1150px){.site-header nav{font-size:14px}}
@media(max-width:760px){
 .hero-heading .eyebrow,.hero-project-link .eyebrow,.hero-image-meta .image-type,
.director-layout .eyebrow,.engagement-row .eyebrow,.project-card>.eyebrow {font-size:12px}
}
/* Entwurf 04 · Architektur im Vordergrund, Bildfolgen im Originalformat. */
h1 em,h2 em {font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--accent);letter-spacing:-.045em}
.hero {padding-top:30px}
.hero-heading {margin-bottom:30px}
.home-references {background:#fff;border-top:1px solid var(--line)}
.home-references .section {padding-block:85px 94px}
.home-references h2 {font-size:clamp(40px,4.1vw,61px);line-height:1.08}
.project-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:66px 46px}
.card-photo {border:0;background:transparent;margin-bottom:24px}
.card-photo img {object-fit:contain;max-width:100%}
.card-photo>span {bottom:14px;left:14px;font-size:12px;background:#fffef5ed}
.card-caption {display:flex;justify-content:space-between;align-items:start;gap:22px}
.card-caption .eyebrow {font-size:12px;letter-spacing:.085em;color:var(--accent);margin-bottom:8px}
.project-card :is(h2,h3) {font-size:clamp(28px,2.6vw,39px);line-height:1.2;margin:0 0 8px}
.card-kind {font-size:16px;min-height:0;margin-bottom:17px}
.card-arrow {border:1px solid var(--line);width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;transition:background .2s,color .2s}
.card-arrow span {font-size:26px}
.card-arrow:hover {color:white;background:var(--dark);border-color:var(--dark)}
.card-meta {display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:13px;margin:0}
.card-meta>span:last-child {white-space:nowrap}
.portfolio-label {display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:36px;font-size:14px}
.portfolio-label>span:first-child {letter-spacing:.09em;font-size:12px;color:var(--accent)}
.portfolio {padding-bottom:90px}
.portfolio-intro {border:0;margin-bottom:0;padding-bottom:30px}
.portfolio-intro .lead {font-size:18px;max-width:810px}
.project-intro {padding-bottom:0}
.project-intro h1 {font-size:clamp(42px,5vw,72px)}
.project-intro .project-status {border-bottom:0;margin-top:23px;padding-block:15px;font-size:14px}
.project-nav {display:flex;gap:34px;border-block:1px solid var(--line);margin-top:10px;margin-bottom:38px;font-size:14px;padding-block:15px}
.project-nav a {display:flex;align-items:center;gap:12px}
.project-nav a:hover {color:var(--accent)}
.project-nav span {font-size:12px;color:var(--muted);border:1px solid var(--line);min-width:25px;text-align:center;line-height:23px}
.reference-detail {grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:50px;align-items:start}
.reference-detail .detail-copy {padding-top:12px}
.reference-detail .large {max-width:100%}
.reference-detail .large .media-open {max-width:var(--source-width);margin-inline:auto;background:transparent}
.reference-detail .large .media-open img {height:auto;max-height:none}
.reference-detail .detail-copy h2 {font-size:clamp(29px,2.9vw,41px);line-height:1.18}
.reference-detail .facts>div {grid-template-columns:95px 1fr;gap:14px;font-size:15px}
.reference-gallery {padding-block:92px 38px}
.reference-gallery>.section-heading {border-top:1px solid var(--line);padding-top:40px;margin-bottom:45px}
.reference-gallery h2 {font-size:clamp(37px,3.5vw,52px)}
.gallery-hint {font-size:14px;color:var(--muted);line-height:1.6;margin:0}
.gallery-chapter {margin-bottom:52px}
.gallery-chapter>h3 {font-size:22px;letter-spacing:-.025em;font-weight:400;margin-bottom:27px}
.curated-gallery {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px;align-items:start}
.gallery-column {display:flex;flex-direction:column;gap:38px;min-width:0}
.gallery-column>.project-figure {margin:0;width:100%}
.curated-gallery .media-open {background:transparent;max-width:var(--source-width);margin-inline:auto}
.curated-gallery .media-open img {aspect-ratio:auto;height:auto;max-height:none;object-fit:contain}
.curated-gallery.solo {grid-template-columns:1fr;max-width:820px}
.curated-gallery.solo .portrait {max-width:440px}
.curated-gallery figcaption {font-size:13px;padding-top:12px}
.project-continuation {display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-block:28px 54px;font-size:15px}
.project-continuation>a:last-child {text-align:right}
.project-continuation span {display:block;color:var(--muted);font-size:12px;letter-spacing:.08em;margin-bottom:9px}
.project-continuation strong {font-size:27px;font-weight:400;letter-spacing:-.035em}
@media(min-width:1200px){.selected-projects .project-card:nth-child(2){margin-top:76px}.selected-projects{align-items:start}}
@media(max-width:1050px){
 .project-grid {gap:48px 30px}
 .reference-detail {grid-template-columns:1.3fr 1fr;gap:30px}
 .reference-detail .facts>div {grid-template-columns:1fr;gap:4px}
 .curated-gallery {column-gap:30px}
}
@media(max-width:850px){
 .reference-detail {grid-template-columns:1fr}
 .reference-detail .detail-copy {max-width:none;padding-top:0}
 .reference-detail .facts>div {grid-template-columns:110px 1fr;gap:16px}
}
@media(max-width:760px){
 .hero {padding-top:23px}
 .section-heading {align-items:flex-start}
 .home-references .section {padding-block:46px 55px}
 .home-references h2 {font-size:39px}
 .project-grid {grid-template-columns:1fr;gap:43px}
 .card-photo {margin-bottom:18px}
 .card-caption {gap:15px}
 .project-card :is(h2,h3) {font-size:30px}
 .card-caption .eyebrow {font-size:12px}
 .card-meta {font-size:12px;line-height:1.7}
 .card-meta>span:first-child {max-width:220px}
 .portfolio-label {align-items:start;font-size:13px;margin-bottom:26px;gap:18px}
 .portfolio-label>span:first-child {font-size:12px;max-width:140px}
 .portfolio {padding-bottom:50px}
 .project-intro h1 {font-size:40px}
 .project-intro .project-status {margin-top:18px;padding-bottom:9px}
 .project-nav {gap:25px;padding-block:13px;margin-bottom:25px}
 .reference-detail {gap:27px}
 .reference-detail .detail-copy h2 {font-size:33px}
 .reference-gallery {padding-block:42px 5px}
 .reference-gallery>.section-heading {padding-top:30px;gap:20px;margin-bottom:30px}
 .reference-gallery h2 {font-size:37px}
 .gallery-hint br {display:none}
 .gallery-chapter {margin-bottom:32px}
 .gallery-chapter>h3 {font-size:21px;margin-bottom:22px}
 .curated-gallery {grid-template-columns:1fr;gap:28px}
 .gallery-column {gap:28px}
 .curated-gallery .portrait .media-open {max-width:440px}
 .project-continuation {align-items:start;padding-block:23px 38px;font-size:14px}
 .project-continuation strong {font-size:22px}
 .project-continuation>a {max-width:55%}
}

/* Stand 82: one shared mobile footer alignment on all pages. */
@media(max-width:760px){
 .site-footer{text-align:center}
 .site-footer .footer-top{justify-items:center}
 .site-footer .footer-brand{justify-self:center;margin-inline:auto}
 .site-footer .footer-company,.site-footer .footer-contact{min-width:0;width:100%;text-align:center}
 .site-footer .footer-contact>a{margin-inline:auto}
 .site-footer .footer-bottom{align-items:center;text-align:center}
 .site-footer .footer-bottom>div{width:100%;justify-content:center;flex-wrap:wrap}
}