:root{--paper:#f7f3ea;--sand:#efe7da;--ink:#232522;--sage:#7e8a67;--greige:#cdba9f;--white:#fffdf8;--line:rgba(35,37,34,.14);--serif:"Fraunces",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.035em}h2{font-size:clamp(42px,5vw,72px)}.site-header{height:82px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;padding:0 4vw;background:rgba(247,243,234,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(35,37,34,.07)}.logo{width:142px;display:flex}.site-header nav{display:flex;align-items:center;gap:34px;margin-left:auto;margin-right:36px}.site-header nav>a,.nav-projects>span{font-size:13px;font-weight:600;letter-spacing:.03em}.nav-projects{position:relative;padding:28px 0}.nav-menu{opacity:0;pointer-events:none;position:absolute;top:70px;right:-50px;background:var(--white);padding:12px;border-radius:12px;box-shadow:0 20px 50px rgba(35,37,34,.14);width:180px;transition:.2s}.nav-projects:hover .nav-menu{opacity:1;pointer-events:auto;top:64px}.nav-menu a{padding:9px 10px;display:flex;align-items:center;justify-content:space-between;border-radius:8px}.nav-menu a:hover{background:var(--sand)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:100px;padding:15px 23px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:600;letter-spacing:.02em;transition:transform .25s,background .25s}.button:hover{transform:translateY(-2px);background:#3d413a}.button-small{padding:11px 17px}.button-ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.48);backdrop-filter:blur(8px)}.button-ghost:hover{background:rgba(255,255,255,.22)}.home-hero{margin:82px 18px 0;min-height:calc(100vh - 100px);border-radius:20px;overflow:hidden;position:relative;color:var(--white);background:url('/bilder/projektbild-kremmen.svg') center/cover}.hero-overlay,.project-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,30,23,.72),rgba(26,30,23,.18) 58%,rgba(26,30,23,.08)),linear-gradient(0deg,rgba(22,25,20,.32),transparent 50%)}.home-hero-content{position:absolute;z-index:2;left:7vw;top:15%;width:min(660px,50vw)}.home-hero-content>span,.featured-content>span,.contact-section>div>span,.contact-page>div>span,.legal>span{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:600}.home-hero h1{font-size:clamp(70px,8.5vw,132px);margin:20px 0 26px}.home-hero h1 em{font-weight:400;color:#d8dfca}.home-hero-content>p{font-size:18px;line-height:1.7;max-width:540px;color:rgba(255,255,255,.85)}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-values{position:absolute;z-index:2;left:7vw;bottom:35px;display:flex;gap:10px}.hero-values div{display:flex;align-items:center;gap:10px;padding:10px 13px;background:rgba(247,243,234,.11);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);border-radius:100px;font-size:11px}.hero-values svg{width:15px}.hero-note{position:absolute;z-index:2;right:30px;bottom:30px;width:245px;padding:18px 20px;background:rgba(247,243,234,.92);color:var(--ink);border-radius:14px;display:grid;gap:4px}.hero-note span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#676d62}.hero-note strong{font-family:var(--serif);font-size:17px;font-weight:500}.hero-note a{font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px;margin-top:8px}.section{padding:130px 6vw}.statement{text-align:center;max-width:1050px;margin:auto;padding-bottom:80px}.statement>span,.section-heading>span,.plot-detail-head>div>span,.form-title>span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--sage);font-weight:600}.statement h2{margin:25px 0}.statement h2 em{color:var(--sage);font-weight:400}.statement p{font-size:17px;max-width:690px;margin:auto;color:#696c67}.section-heading{max-width:760px}.section-heading h2{margin:18px 0 16px}.section-heading p{font-size:16px;color:#6c6e6a;max-width:640px}.projects-section{padding-top:70px}.project-grid{display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:18px;margin-top:45px}.project-card{height:570px;position:relative;overflow:hidden;border-radius:18px;color:white;background:url('/bilder/projektbild-kremmen.svg') center/cover;box-shadow:0 10px 40px rgba(35,37,34,.08)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,28,23,.8),transparent 65%);transition:.4s}.project-image-1{background-position:75% center;filter:saturate(.8)}.project-image-2{background-position:20% center;filter:sepia(.12) saturate(.7)}.project-card:hover{transform:translateY(-5px)}.project-card-top{position:absolute;z-index:2;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between}.project-card-top span{padding:7px 11px;background:rgba(255,255,255,.85);color:var(--ink);font-size:10px;border-radius:100px}.project-card-top svg{padding:10px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(10px)}.project-card-content{position:absolute;z-index:2;left:25px;right:25px;bottom:24px}.project-card-content p{display:flex;gap:6px;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.project-card-content h3{font:400 46px/1 var(--serif);margin:12px 0 20px}.project-card-content div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.3);padding-top:16px;font-size:11px}.process{background:var(--sand)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid var(--line)}.process-grid article{padding:30px 35px 0 0;min-height:230px;border-right:1px solid var(--line);position:relative}.process-grid article+article{padding-left:35px}.process-grid article span{position:absolute;right:18px;top:24px;color:#a5a49e;font-size:11px}.process-grid svg{color:var(--sage);margin-bottom:26px}.process-grid h3{font:500 24px/1.2 var(--serif);margin-bottom:12px}.process-grid p{font-size:13px;color:#74766f}.featured{margin:120px 6vw;display:grid;grid-template-columns:1.15fr .85fr;min-height:650px;background:#e6ddce;border-radius:20px;overflow:hidden}.featured-image{background:url('/bilder/projektbild-kremmen.svg') 35% center/cover}.featured-content{padding:75px;align-self:center}.featured-content h2{margin:18px 0 22px}.featured-content p{font-size:16px;color:#676b65}.featured-content ul{list-style:none;padding:15px 0;margin:20px 0 30px;border-top:1px solid var(--line)}.featured-content li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.featured-content li svg{width:16px;color:var(--sage)}.cta{text-align:center;max-width:900px;margin:auto}.cta>span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--sage)}.cta h2{margin:20px 0}.cta p{color:#6d706a;margin:0 auto 30px;max-width:560px}
.project-hero{margin-top:82px;min-height:760px;position:relative;background:url('/bilder/projektbild-kremmen.svg') center/cover;color:white}.project-rostock{background-position:75% center;filter:saturate(.82)}.project-chemnitz{background-position:25% center;filter:saturate(.72) sepia(.08)}.project-hero-content{position:absolute;z-index:2;left:6vw;top:18%;max-width:680px}.project-hero-content>p:first-child{display:flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.project-hero h1{font-size:clamp(70px,8vw,120px);margin:24px 0 8px}.project-hero h2{font:400 27px/1.2 var(--serif);letter-spacing:-.01em;margin-bottom:20px}.project-hero-content>p{max-width:550px;color:rgba(255,255,255,.82)}.quick-facts{position:absolute;z-index:3;left:6vw;right:6vw;bottom:0;display:grid;grid-template-columns:repeat(3,1fr) auto;background:rgba(247,243,234,.94);color:var(--ink);border-radius:15px 15px 0 0;backdrop-filter:blur(15px)}.quick-facts div{padding:19px 25px;border-right:1px solid var(--line);display:grid;gap:2px}.quick-facts span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#7a7c76}.quick-facts strong{font:500 18px var(--serif)}.quick-facts button{border:0;background:var(--sage);color:white;padding:0 25px;display:flex;align-items:center;gap:8px}.project-switcher{height:84px;display:flex;align-items:center;justify-content:center;gap:80px;background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:82px;z-index:20}.project-switcher a{height:100%;display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:20px;border-bottom:2px solid transparent}.project-switcher a span{font-family:var(--sans);font-size:9px;color:#999}.project-switcher a.active{border-color:var(--sage)}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.highlight-grid article{background:var(--white);padding:26px;border-radius:14px;min-height:205px;display:flex;flex-direction:column;align-items:flex-start}.highlight-grid svg{display:block;color:var(--sage);margin-bottom:25px}.highlight-grid h3{font:500 21px var(--serif);margin-bottom:8px}.highlight-grid p{font-size:12px;color:#737570}.plot-section{background:#e8e4d9}.plot-head{display:flex;align-items:end;justify-content:space-between}.legend{display:flex;align-items:center;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.legend i{width:9px;height:9px;border-radius:50%;margin-left:10px}.legend .available{background:#7e9a6b}.legend .reserved{background:#c9a24e}.legend .sold{background:#b47b67}.plot-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:18px;margin-top:42px}.map-panel{min-height:670px;border-radius:18px;overflow:hidden;position:relative;background:radial-gradient(circle at 20% 20%,rgba(220,230,190,.7),transparent 30%),radial-gradient(circle at 80% 50%,rgba(125,150,100,.45),transparent 28%),linear-gradient(145deg,#9dac83,#657958);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.map-panel:before{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(55deg,transparent 48%,#d8cfb8 49%,#d8cfb8 52%,transparent 53%),linear-gradient(-20deg,transparent 49%,#d8cfb8 50%,#d8cfb8 53%,transparent 54%);background-size:250px 240px}.map-top{position:absolute;z-index:2;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;align-items:center}.map-top span{padding:8px 12px;background:rgba(255,255,255,.88);border-radius:100px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.map-top button{border:0;background:rgba(255,255,255,.88);border-radius:50%;padding:9px;display:flex}.map-panel>svg{width:100%;height:600px;position:relative;z-index:1;margin-top:35px}.map-panel>svg polygon{stroke:white;stroke-width:.55;transition:.25s}.map-panel>svg g.available polygon{fill:rgba(126,154,107,.62);cursor:pointer}.map-panel>svg g.reserved polygon{fill:rgba(201,162,78,.55)}.map-panel>svg g.sold polygon{fill:rgba(180,123,103,.5)}.map-panel>svg g.available:hover polygon,.map-panel>svg g.selected polygon{fill:rgba(126,154,107,.9);stroke-width:1.3}.map-panel>svg text{fill:white;font:600 4px var(--sans);pointer-events:none}.road{stroke:rgba(231,218,190,.8);stroke-width:8;fill:none}.map-panel>p{position:absolute;z-index:2;bottom:15px;left:20px;color:white;font-size:10px;background:rgba(30,40,28,.4);padding:6px 10px;border-radius:100px}.plot-detail{background:var(--white);border-radius:18px;padding:25px;display:flex;flex-direction:column}.plot-detail-head{display:flex;justify-content:space-between;align-items:start}.plot-detail-head h3{font:400 32px var(--serif);margin:2px 0 0}.badge{font-size:9px;text-transform:uppercase;letter-spacing:.1em;padding:7px 10px;border-radius:100px}.badge.available{background:#dce8d4;color:#557044}.badge.reserved{background:#f1e5c8;color:#876b28}.badge.sold{background:#eadbd5;color:#815c4d}.house-visual{height:190px;background:#e9e5db;border-radius:12px;margin:22px 0;position:relative;overflow:hidden}.house-shape span{position:absolute;width:65%;height:43%;left:18%;bottom:20%;background:#c7b89f;clip-path:polygon(0 30%,48% 0,100% 25%,100% 100%,0 100%)}.house-shape i{position:absolute;width:18%;height:30%;left:52%;bottom:20%;background:#576051}.house-visual em{position:absolute;bottom:10px;left:12px;font-size:9px;font-style:normal;color:#6b6c67}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.facts div{display:grid;gap:2px}.facts span{font-size:9px;text-transform:uppercase;color:#888}.facts strong{font-size:12px}.plot-detail>p{font-size:12px;color:#70726d;margin:18px 0}.layout-preview{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:16px}.layout-preview svg:first-child{color:var(--sage)}.layout-preview svg:last-child{margin-left:auto}.layout-preview div{display:grid}.layout-preview span{font-size:9px;text-transform:uppercase;color:#888}.layout-preview strong{font-size:10px}.plot-detail .button{width:100%}.text-link,.expose{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:600;padding:12px}.expose{background:none;border:0;color:#777}.gallery-section{background:var(--paper)}.gallery{display:grid;grid-template-columns:1.4fr .8fr .8fr;height:480px;gap:14px;margin-top:45px}.gallery div{border-radius:15px;background:url('/bilder/projektbild-kremmen.svg') center/cover}.gallery-b{background-position:70% center!important;filter:sepia(.15)}.gallery-c{background-position:20% center!important;filter:saturate(.6)}.contact-section{padding:110px 7vw;background:#56604e;color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:start}.contact-section h2{margin:20px 0 25px}.contact-section>div>p{color:rgba(255,255,255,.7);max-width:500px}.contact-section form,.contact-page form{background:var(--white);color:var(--ink);border-radius:18px;padding:35px}.form-title h3{font:400 32px var(--serif);margin:5px 0 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-section label,.contact-page label{display:grid;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#6f716c;margin-bottom:13px}.contact-section input,.contact-section textarea,.contact-page input,.contact-page textarea{border:1px solid var(--line);background:#f8f5ee;border-radius:8px;padding:12px;text-transform:none;letter-spacing:0;outline:none}.contact-section input:focus,.contact-section textarea:focus,.contact-page input:focus,.contact-page textarea:focus{border-color:var(--sage)}.contact-section form .button,.contact-page form .button{margin-top:20px}.success{background:var(--white);color:var(--ink);border-radius:18px;padding:60px 35px;text-align:center}.success span{width:55px;height:55px;background:#dce8d4;color:#557044;display:grid;place-items:center;border-radius:50%;margin:0 auto 20px}.success h3{font:400 34px var(--serif)}.success p{color:#777}
.contact-page{margin-top:82px;min-height:760px;padding:120px 8vw;background:var(--sand);display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.contact-page h1,.legal h1{font-size:clamp(60px,7vw,100px);margin:20px 0}.contact-page>div>p{font-size:17px;color:#6d706a;max-width:480px}.legal{margin:82px auto 0;max-width:780px;padding:120px 20px}.legal h3{font:500 25px var(--serif);margin-top:40px}.legal p{color:#676b65}.legal small{display:block;margin-top:50px;color:#999}footer{padding:70px 6vw 30px;background:#272a26;color:#f7f3ea;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:60px}footer .logo{margin-bottom:16px}footer p{color:rgba(255,255,255,.5);font-size:12px;max-width:280px}footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}footer strong{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#aab39e;margin-bottom:8px}footer a{display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,.7)}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;color:rgba(255,255,255,.35)}
@media(max-width:900px){.site-header nav{display:none}.site-header .button{margin-left:auto}.home-hero{min-height:760px}.home-hero-content{width:auto;left:25px;right:25px}.home-hero h1{font-size:65px}.hero-values,.hero-note{display:none}.section{padding:80px 22px}.project-grid,.process-grid,.intro-grid,.plot-layout,.featured,.contact-section,.contact-page{grid-template-columns:1fr}.project-card{height:430px}.featured{margin:80px 20px}.featured-image{height:400px}.featured-content{padding:35px}.plot-head{display:block}.legend{margin-top:20px}.map-panel{min-height:530px}.map-panel>svg{height:480px}.project-switcher{gap:25px;overflow:auto}.quick-facts{left:15px;right:15px;grid-template-columns:1fr 1fr}.quick-facts div:nth-child(3),.quick-facts button{display:none}.project-hero-content{left:25px;right:25px}.project-hero h1{font-size:65px}.gallery{grid-template-columns:1fr;height:700px}.gallery div{min-height:220px}.contact-section{padding:80px 22px}.form-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.project-grid .project-card{filter:none}}

/* Keep the parcel-map sizing scoped to the map SVG, not its control icons. */
.map-panel .map-top svg{width:17px;height:17px;margin:0}
@media(max-width:900px){.map-panel .map-top svg{height:17px}}

/* Targeted brand and hero refinement. */
.logo{width:158px}
.logo svg{display:block;width:100%;height:auto}
.home-hero-content{width:min(700px,54vw)}
.home-hero-content>p{max-width:620px;font-size:17px;line-height:1.72;color:rgba(255,255,255,.9);text-wrap:balance;text-shadow:0 1px 18px rgba(15,20,14,.22)}
.home-hero .hero-actions{gap:14px;margin-top:32px}
.home-hero .hero-primary{padding:16px 25px;background:var(--paper);color:var(--ink);box-shadow:0 8px 28px rgba(14,18,13,.18)}
.home-hero .hero-primary:hover{background:#fffdf8;box-shadow:0 12px 34px rgba(14,18,13,.24)}
.home-hero .hero-secondary{padding:15px 23px;background:rgba(29,34,27,.18);border-color:rgba(255,255,255,.52);color:#fff}
.home-hero .hero-secondary:hover{background:rgba(255,255,255,.16)}
.hero-note{right:32px;bottom:32px;width:294px;padding:25px 26px 23px;border:1px solid rgba(255,255,255,.55);border-radius:16px;gap:6px;box-shadow:0 18px 50px rgba(20,24,18,.2)}
.hero-note:before{content:"";width:42px;height:1px;background:var(--sage);margin-bottom:7px}
.hero-note span{font-size:9px;letter-spacing:.16em}
.hero-note strong{font-size:21px;line-height:1.25}
.hero-note a{justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:11px}
@media(max-width:900px){.logo{width:148px}.home-hero-content{width:auto}.home-hero-content>p{font-size:16px;text-wrap:pretty}.home-hero .hero-actions{flex-wrap:wrap}}

/* Homepage editorial rhythm and project-specific imagery. */
:root{--paper:#faf7f0}
body{background:var(--paper)}
.project-card{background-image:none;background-position:center;background-size:cover;transition:transform .35s ease,box-shadow .35s ease;box-shadow:0 12px 35px rgba(35,37,34,.09)}
.project-card:hover{box-shadow:0 20px 46px rgba(35,37,34,.14)}
.project-image-1,.project-image-2{filter:none}
.project-hero{background-image:none;background-position:center;background-size:cover}
.project-rostock{background-position:center 52%;filter:none}
.project-chemnitz{background-position:center 48%;filter:none}
@media(max-width:900px){.project-card{background-position:center}}

/* Full-bleed homepage background bands. */
.homepage-band{width:100%;margin:0;border:0;border-radius:0;box-shadow:none}
.home-container{width:100%;max-width:1600px;margin:0 auto}
.intro-band{background:#faf7f0}
.projects-band{background:#f4ede2}
.process-band{background:#f8f3ea}
.featured-band{background:#efe6d8;padding:124px 6vw}
.cta-band{background:linear-gradient(135deg,#faf7f0 0%,#f5eee3 52%,#efe6d8 100%)}
.homepage-band .statement,.homepage-band .projects-section,.homepage-band .process,.homepage-band .cta{margin:0 auto;border:0;border-radius:0;box-shadow:none;background:transparent}
.homepage-band .statement{max-width:1600px;padding:126px 6vw 118px}
.homepage-band .statement h2{max-width:1050px;margin-left:auto;margin-right:auto}
.homepage-band .statement p{max-width:690px;margin-left:auto;margin-right:auto}
.homepage-band .projects-section{padding:118px 6vw 132px}
.homepage-band .process{padding:124px 6vw 130px}
.homepage-band .cta{max-width:1600px;padding:126px 6vw}
.featured-band .featured{margin:0 auto;min-height:650px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.featured-band .featured-image{border-radius:18px}
.featured-band .featured-content{padding:54px 0 54px 75px}
@media(max-width:900px){.homepage-band .statement,.homepage-band .projects-section,.homepage-band .process,.homepage-band .cta{margin:0 auto;border-radius:0;padding-left:22px;padding-right:22px}.featured-band{padding:80px 22px}.featured-band .featured{margin:0}.featured-band .featured-image{border-radius:15px}.featured-band .featured-content{padding:35px 0 0}}

/* Standalone HTML adjustments */
.site-header{position:sticky}.home-hero{margin-top:18px}.standalone-note{display:none}.project-card{background-image:var(--project-image)!important}.cta-band .cta{scroll-margin-top:90px}
@media(max-width:900px){.site-header{position:sticky}.home-hero{margin-top:10px}}


/* ================================================================
   FEINSCHLIFF - Juli 2026. Gezielte Detailverbesserungen.
   Struktur, Layout-Konzept und Farbwelt bleiben unveraendert.
   ================================================================ */

/* -- 0 - Grundlagen: Selektion, Fokus-Ringe, Link-Defaults -- */
h1,h2,h3{font-optical-sizing:auto}
::selection{background:var(--sage);color:var(--white)}
:where(a,button):focus-visible{outline:2px solid var(--sage);outline-offset:3px;border-radius:6px}
p a{color:var(--sage);text-decoration:underline;text-underline-offset:3px}
p a:hover{color:#66724e}
#projekte,#kontakt{scroll-margin-top:96px}

/* -- 1 - Vertikaler Rhythmus: Abstaende auf einer ruhigen Skala -- */
.homepage-band .statement{padding:144px 6vw 120px}
.homepage-band .projects-section{padding:120px 6vw 144px}
.homepage-band .process{padding:128px 6vw}
.featured-band{padding:128px 6vw}
.homepage-band .cta{padding:144px 6vw}
.project-grid,.process-grid{margin-top:52px}
.section-heading h2{margin:20px 0 18px}
.statement h2{margin:24px auto 26px}

/* -- 2 - Kontrast & Lesbarkeit auf Bildhintergruenden -- */
.hero-overlay{background:linear-gradient(92deg,rgba(26,30,23,calc(.76*var(--overlay-boost,1))) 0%,rgba(26,30,23,calc(.52*var(--overlay-boost,1))) 30%,rgba(26,30,23,calc(.22*var(--overlay-boost,1))) 58%,rgba(26,30,23,.05) 100%),linear-gradient(0deg,rgba(22,25,20,calc(.42*var(--overlay-boost,1))),rgba(22,25,20,0) 44%),linear-gradient(180deg,rgba(22,25,20,.22),rgba(22,25,20,0) 16%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}
.home-hero h1{text-shadow:0 2px 30px rgba(15,20,14,.28)}
.home-hero-content>span{display:inline-flex;align-items:center;gap:12px;color:rgba(255,255,255,.92)}
.home-hero-content>span:before{content:"";width:28px;height:1px;background:#d8dfca}
.home-hero-content>p{color:rgba(255,255,255,.92)}
.hero-values div{background:rgba(24,28,22,.34);border-color:rgba(255,255,255,.24)}
.project-card:after{background:linear-gradient(0deg,rgba(25,28,23,.88) 0%,rgba(25,28,23,.58) 22%,rgba(25,28,23,.24) 46%,rgba(25,28,23,0) 68%);opacity:.94;transition:opacity .45s ease}
.project-card:hover:after{opacity:1}
.project-card-content p{color:rgba(255,255,255,.88)}
.project-card-content div span{color:rgba(255,255,255,.85)}

/* -- 3 - Hover- & Interaktionszustaende -- */
.button{transition:transform .25s cubic-bezier(.2,.7,.25,1),background .25s ease,box-shadow .25s ease}
.button:active{transform:translateY(0) scale(.985);transition-duration:.08s}
.site-header nav>a,.nav-projects>span{position:relative}
.site-header nav>a:after,.nav-projects>span:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1.5px;background:var(--sage);transition:right .28s cubic-bezier(.2,.7,.25,1)}
.site-header nav>a:hover:after,.nav-projects:hover>span:after{right:0}
.nav-menu{box-shadow:0 24px 60px rgba(35,37,34,.16),0 0 0 1px rgba(35,37,34,.05)}
.nav-menu a{transition:background .18s ease}
.project-card{transition:transform .45s cubic-bezier(.2,.7,.25,1),box-shadow .45s ease}
.project-card:hover{transform:translateY(-6px);box-shadow:0 26px 54px rgba(35,37,34,.16),inset 0 0 0 1px rgba(255,255,255,.14)}
.project-card-top svg{transition:background .3s ease,color .3s ease,transform .3s ease}
.project-card:hover .project-card-top svg{background:rgba(255,253,248,.94);color:var(--ink);transform:translate(2px,-2px)}
.project-card-content div{transition:border-color .35s ease}
.project-card:hover .project-card-content div{border-top-color:rgba(255,255,255,.6)}
.hero-note a svg,.nav-menu a svg{transition:transform .22s ease}
.hero-note a:hover svg{transform:translateX(3px)}
.nav-menu a:hover svg{transform:translate(2px,-2px)}
footer a{transition:color .2s ease}
footer a:hover{color:#fffdf8}

/* -- 4 - Bildwirkung: weiche Toenung + feiner Lichtring -- */
.home-hero,.project-card,.featured-image{background-color:var(--img-tint,transparent);background-blend-mode:multiply}
.project-card{box-shadow:0 12px 35px rgba(35,37,34,.09),inset 0 0 0 1px rgba(255,255,255,.10)}
.featured-band .featured-image{box-shadow:0 18px 48px rgba(35,37,34,.12),inset 0 0 0 1px rgba(255,255,255,.22)}
.card-kremmen{--project-image:url('/bilder/projektbild-kremmen.svg')}
.card-rostock{--project-image:url('/bilder/projektbild-rostock.svg')}
.card-chemnitz{--project-image:url('/bilder/projektbild-chemnitz.svg')}

/* -- 5 - Typografie-Hierarchie: Zeilenhoehen & Laufweiten -- */
h1,h2{line-height:1.06;letter-spacing:-.032em;text-wrap:balance}
.home-hero h1{line-height:1.02;margin:22px 0 26px}
.statement p,.section-heading p,.featured-content p{line-height:1.75;text-wrap:pretty}
.statement>span,.section-heading>span,.cta>span{font-size:11px;letter-spacing:.18em}
.project-card-content h3{line-height:1.04;letter-spacing:-.015em}
.process-grid h3{letter-spacing:-.01em}
.process-grid p{font-size:14px;line-height:1.6;color:#6f716b}
.featured-content li{font-size:14px}
footer p{line-height:1.7}

/* -- 6 - Mobile: sauberer Rhythmus & Trenner unter 900px -- */
@media(max-width:900px){
  .homepage-band .statement{padding:88px 22px 72px}
  .homepage-band .projects-section{padding:72px 22px 96px}
  .homepage-band .process{padding:88px 22px}
  .featured-band{padding:88px 22px}
  .homepage-band .cta{padding:96px 22px}
  .project-grid,.process-grid{margin-top:40px}
  .home-hero{min-height:min(720px,92svh)}
  .home-hero h1{font-size:clamp(50px,16vw,65px)}
  .process-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:26px 0}
  .process-grid article+article{padding-left:0}
  .process-grid article span{top:30px;right:0}
  .process-grid svg{margin-bottom:18px}
  .featured-band .featured-content{padding:32px 0 0}
  footer{gap:44px 28px;padding:64px 22px 28px}
  .section-heading p{font-size:15px}
}
/* -- 6b - Kurze Viewports: Hero-Stapel entzerren (analog zum 900px-Muster) -- */
@media(max-height:680px){
  .hero-values,.hero-note{display:none}
  .home-hero{min-height:620px}
  .home-hero-content{top:60px}
  .home-hero h1{font-size:clamp(56px,7vw,96px)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}