@font-face{font-family:'DM Serif Display';src:url('../fonts/dm-serif-display-latin-400-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Serif Display';src:url('../fonts/dm-serif-display-latin-ext-400-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Serif Display';src:url('../fonts/dm-serif-display-latin-400-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:Barlow;src:url('../fonts/barlow-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('../fonts/barlow-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url('../fonts/barlow-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--paper:#ffffff;--cream:#f3f6f2;--sage:#e8f0e2;--green:#1d3528;--ink:#122019;--muted:#4f5d55;--line:#d9e1d4;--accent:#a6ce8a;--accent-dark:#4c7a35;--sans:Barlow,'Segoe UI',sans-serif;--heading:'DM Serif Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p,figure,blockquote{margin:0}h1,h2,h3,h4{font-family:var(--heading);font-weight:400;line-height:1.06;letter-spacing:-.018em}h1{font-size:clamp(41.6px,4.24vw,67.2px)}h2{font-size:clamp(30.4px,3.04vw,46.4px)}h3{font-size:24px}p+p{margin-top:18px}ul{padding-left:22px}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding:110px 0}.soft{background:var(--cream)}.sage{background:var(--sage)}.lead{font-size:21px;line-height:1.55;color:var(--muted)}.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:23px;color:var(--green)}.eyebrow:before{content:'';width:7px;height:7px;background:var(--accent);transform:rotate(45deg);flex:none}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;padding:14px 26px;border:1px solid var(--green);background:var(--green);color:#fff;text-decoration:none;font-size:16px;font-weight:600;transition:background .25s,transform .25s,box-shadow .25s}.button:hover{background:#1d3728;transform:translateY(-3px);box-shadow:0 10px 20px #12201920}.button span{transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}.button.light{background:var(--sage);color:var(--green);border-color:var(--sage)}.text-link{display:inline-flex;align-items:center;gap:22px;font-weight:600;font-size:16px;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:6px}.text-link:hover{color:#4c7a35}.text-link span{transition:transform .3s}.text-link:hover span{transform:translateX(4px)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7fae62;outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4c7a35;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:20px;background:white;padding:12px;z-index:99}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:40;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #d5ddce80}.header-inner{display:flex;align-items:center;gap:32px;min-height:94px}.brand{flex:none}.brand img{width:235px}.nav{display:flex;gap:29px;margin-left:auto;align-items:center}.nav a{position:relative;text-decoration:none;white-space:nowrap;font-size:16px;font-weight:500}.nav a:after{content:'';height:2px;background:var(--accent);position:absolute;left:0;bottom:-9px;right:100%;transition:right .3s}.nav a:hover:after,.nav a[aria-current]:after{right:0}.header-cta{font-size:14px;min-height:49px;padding:12px 22px}.nav-toggle{display:none;align-items:center;gap:7px;border:0;background:transparent;color:var(--ink);padding:8px}.nav-toggle svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none}
.home-hero{display:grid;grid-template-columns:1fr 1fr;min-height:710px;background:var(--cream)}.hero-copy{display:flex;flex-direction:column;justify-content:center;position:relative;padding:65px 55px 55px max(48px,calc((100vw - 1280px)/2));isolation:isolate}.hero-copy:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,#9db18b20 50%,transparent 50.3%);background-size:110px 100%;z-index:-1;opacity:.5}.hero-copy h1{font-size:clamp(46.4px,4.64vw,72px);line-height:.98;max-width:580px}.hero-copy h1 em{font-style:normal;color:#4c7a35}.hero-copy .lead{font-size:19px;max-width:460px;margin-top:27px}.hero-foot{display:flex;align-items:center;gap:18px;border-top:1px solid #bac7ad88;padding-top:24px;margin-top:38px}.hero-foot img{height:50px;width:50px;object-fit:cover;object-position:center 20%;border-radius:50%}.hero-foot p{font-size:14px;line-height:1.45}.hero-foot strong{display:block;font-size:15px}.hero-foot small{display:block;color:var(--muted);font-size:13px}.hero-visual,.motion-window{position:relative;overflow:hidden}.hero-visual{min-height:710px}.parallax-layer{position:absolute;inset:-45px 0;will-change:transform}.cinema-photo{width:100%;height:100%;object-fit:cover;animation:cinema 22s ease-in-out infinite alternate;transform-origin:58% 48%}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#132b2290,transparent 55%);pointer-events:none}.hero-location{position:absolute;z-index:2;bottom:38px;left:36px;color:#fff;display:flex;align-items:center;gap:15px;font-size:13px;letter-spacing:.05em}.hero-location:before{content:'';width:30px;height:1px;background:#fff8}.hero-stamp{position:absolute;top:36px;right:36px;color:white;border:1px solid #ffffff70;padding:11px 16px;z-index:2;font-size:11px;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(10px);background:#ffffff0a}.trust-strip{background:var(--green);color:var(--sage);padding:24px 0}.trust-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.trust-strip p{font-size:14px;display:flex;gap:12px;align-items:center}.trust-strip p+p{margin:0}.trust-strip span{font:600 28px var(--sans);color:#b3c599}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-bottom:46px}.intro-grid>p{max-width:490px;justify-self:end;color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{display:flex;flex-direction:column;position:relative;text-decoration:none;background:var(--paper);border:1px solid var(--line);transition:transform .45s,box-shadow .45s,border-color .4s;min-width:0}.service-card figure{position:relative;overflow:hidden;height:285px}.service-card figure:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#19322777,transparent 60%);opacity:0;transition:opacity .5s}.service-card img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.65,.3,1),filter .6s}.card-number{position:absolute;left:23px;bottom:22px;z-index:2;background:var(--paper);padding:4px 12px;font:500 27px var(--heading)}.card-arrow{position:absolute;right:22px;top:22px;z-index:2;display:grid;place-items:center;width:44px;height:44px;background:#ffffffed;border-radius:50%;font-size:24px;transition:transform .5s,background .5s,color .5s}.card-body{padding:30px 26px;display:flex;flex-direction:column;flex:1}.card-for{font-size:12px;color:var(--muted);margin-bottom:12px}.card-body h3{font-size:27.2px;overflow-wrap:break-word;hyphens:auto}.card-body>p:not(.card-for){margin-top:16px;font-size:17px;color:var(--muted)}.card-link{margin-top:auto;padding-top:24px;font-size:15px;font-weight:600;display:flex;justify-content:space-between}.service-card:hover,.service-card:focus-visible{transform:translateY(-9px);box-shadow:0 23px 40px #12201917;border-color:#8ea77a}.service-card:hover img,.service-card:focus-visible img{transform:scale(1.085);filter:saturate(1.12)}.service-card:hover figure:after,.service-card:focus-visible figure:after{opacity:1}.service-card:hover .card-arrow,.service-card:focus-visible .card-arrow{background:var(--green);color:white;transform:rotate(45deg)}.stock-note{position:absolute;left:20px;top:16px;font-size:10px;background:#ffffffe8;padding:2px 8px}
.architecture{position:relative;isolation:isolate;overflow:hidden}.architecture:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#6f895314 1px,transparent 1px),linear-gradient(90deg,#6f895314 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.values-collage{position:relative;padding:0 40px 75px 0}.values-collage .motion-window{height:535px;border-radius:2px 100px 2px 2px}.values-collage .cinema-photo{object-position:40% center}.detail-tag{position:absolute;left:25px;bottom:26px;background:#ffffffed;color:var(--green);padding:12px 17px;font-size:13px;z-index:2}.values-person{position:absolute;bottom:0;right:0;background:var(--paper);padding:14px;width:225px;box-shadow:0 22px 40px #12201920}.values-person img{width:100%;height:215px;object-fit:cover;object-position:center 15%}.values-person p{font-size:12px;padding-top:8px}.value-points{display:grid;gap:0;margin-top:29px}.value-point{display:grid;grid-template-columns:43px 1fr;gap:17px;padding:22px 0;border-top:1px solid #b8c7a7}.value-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;border:1px solid #9fb38b;color:var(--green);font-size:19px}.value-point h3{font-size:23.2px;margin-bottom:8px}.value-point p{font-size:16px;color:var(--muted)}
.founder-editorial{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.founder-image{height:590px;position:relative;background:var(--green);overflow:hidden;border-radius:2px 2px 100px 2px}.founder-image>img{height:100%;width:100%;object-fit:cover;object-position:center 20%;transition:transform 1s}.founder-image:hover>img{transform:scale(1.035)}.founder-label{position:absolute;left:28px;bottom:27px;background:var(--paper);padding:14px 22px;font-size:13px;line-height:1.45}.founder-label strong{display:block;font-size:17px}.founder-copy .quote-mark{font:400 84px/.8 var(--heading);color:#9ab182;display:block;height:50px;margin:15px 0}.founder-copy blockquote{font:400 clamp(27.2px,2.8vw,42.4px)/1.12 var(--heading);margin-bottom:27px}.founder-copy>p:not(.eyebrow){color:var(--muted);font-size:17px}.founder-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.founder-facts span{border:1px solid var(--line);padding:6px 12px;font-size:12px}.founder-dark{background:var(--green);color:var(--paper)}.founder-dark .eyebrow{color:var(--sage)}.founder-dark .founder-copy>p:not(.eyebrow){color:#d4dfcb}.founder-dark .founder-facts span{border-color:#ffffff40}.founder-dark .founder-image{border-radius:0;height:610px}.founder-dark .button{background:var(--sage);color:var(--green)}.founder-studio{grid-template-columns:1.15fr .85fr;gap:70px}.founder-studio .founder-image{height:560px;border-radius:100px 2px 2px 2px}.founder-studio .founder-copy{padding:45px;background:var(--paper);border-left:3px solid var(--accent)}.founder-studio .founder-copy blockquote{font-size:32.8px}.founder-studio .founder-image:before{content:'';position:absolute;z-index:2;inset:18px;border:1px solid #ffffff60;pointer-events:none}
.section-top{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}.section-top>div{max-width:750px}.section-top .lead{margin-top:20px}.reference-teasers{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:24px}.reference-teaser{position:relative;display:block;height:405px;overflow:hidden;color:white;text-decoration:none}.reference-teaser img{width:100%;height:100%;object-fit:cover;transition:transform .9s}.reference-teaser:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#13281ee6,transparent 65%)}.reference-teaser>div{position:absolute;bottom:26px;left:26px;right:26px;z-index:2;display:flex;align-items:end;justify-content:space-between}.reference-teaser small{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.reference-teaser h3{margin-top:5px;font-size:27.2px}.reference-teaser:hover img{transform:scale(1.08)}.reference-teaser .card-arrow{position:static;flex:none;color:var(--green);margin-left:15px}
.area-shell{display:grid;grid-template-columns:.83fr 1.17fr;gap:0;border:1px solid #bfccaf;background:#eef3ea;box-shadow:0 20px 50px #1d35280b}.area-copy{padding:45px 38px}.area-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;margin-top:23px}.area-copy h2{font-size:39.2px}.route-list{list-style:none;padding:0;margin:30px 0;position:relative}.route-list:before{content:'';position:absolute;left:14px;top:17px;bottom:17px;width:1px;background:#a1b18c}.route-list li{margin:0;position:relative}.route-list button{position:relative;display:flex;align-items:center;gap:12px;padding:8px 12px 8px 34px;width:100%;text-align:left;background:transparent;border:0;font-family:var(--heading);font-size:23px;color:var(--ink);transition:background .25s,padding .25s}.route-list button:before{content:'';width:8px;height:8px;border-radius:50%;border:1px solid #7e9965;background:#eef3ea;position:absolute;left:10px}.route-list button:hover,.route-list button[aria-pressed=true]{background:#dbe6ce;padding-left:40px}.route-list button[aria-pressed=true]:before{background:var(--green);box-shadow:0 0 0 4px #c3d3ae}.route-list em{font:400 12px var(--sans);color:var(--muted)}.area-map{display:flex;flex-direction:column;min-width:0;border-left:1px solid #bfccaf}.map-toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:20px 25px;background:var(--green);color:var(--sage);font-size:14px}.map-toolbar strong{font-weight:500}.map-reset{border:1px solid #ffffff50;background:transparent;color:white;padding:5px 10px;font-size:12px}.mapframe{position:relative;flex:1;background:#eef3ea}.karte{height:760px;background:#eef3ea;z-index:1;font-family:var(--sans)}.map-legend{margin:0;padding:16px 22px;list-style:none;display:flex;flex-wrap:wrap;gap:12px 20px;font-size:12px;border-top:1px solid var(--line)}.map-legend li{display:flex;align-items:center;gap:8px}.legend-square{height:10px;width:13px;background:#c2d3af;border:1px solid #90a675}.legend-line{height:2px;width:18px;background:var(--green)}.legend-dot{width:10px;height:10px;border-radius:50%;background:var(--green)}.karte-ort{background:transparent;border:0;box-shadow:none;padding:0;font:500 12px var(--sans);color:var(--ink);text-shadow:0 0 4px #eef3ea,0 0 4px #eef3ea;white-space:nowrap}.karte-ort:before{display:none}.karte-tip{font:400 14px var(--sans)}.karte-buero svg{width:30px;height:30px;background:var(--green);fill:#fff;border-radius:50%;padding:6px;box-shadow:0 0 0 6px #64825033}.karte-buero-label span{white-space:nowrap;display:inline-block;transform:translate(20px,-30px);font:600 12px var(--sans);background:var(--green);color:white;padding:5px 8px}.karte-richtung span{white-space:nowrap;font:500 13px var(--sans);color:var(--muted);display:block;transform:translate(10px,-10px)}.karte .leaflet-control-attribution{font-size:10px}.karte .leaflet-control-zoom a{font:500 21px/34px var(--sans);width:34px;height:34px;color:var(--green)}.map-help{font-size:12px;color:var(--muted);margin-top:15px}.no-js-map{padding:40px;font-size:16px}
.page-hero{position:relative;background:var(--green);color:white;isolation:isolate;min-height:525px;display:flex;align-items:center;overflow:hidden}.page-hero>.motion-window{position:absolute;inset:0;z-index:-2}.page-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#11271fef 0%,#11271fb0 45%,#11271f35 100%)}.page-hero .wrap{padding:78px 0}.page-hero .eyebrow{color:#dce9cd}.page-hero h1{max-width:760px}.page-hero .lead{color:#e1e8d9;max-width:590px;margin-top:25px;font-size:20px}.page-hero .hero-location{left:auto;right:48px;bottom:22px;font-size:11px}.page-hero .cinema-photo{animation-duration:28s;object-position:50% 42%}.page-hero.hero-about .cinema-photo{object-position:55% 52%;animation-duration:24s}.page-hero.hero-contact{min-height:450px}.page-hero.hero-contact .cinema-photo{object-position:50% 50%;animation-duration:32s}.page-hero.compact{min-height:310px}.page-hero.compact .wrap{padding:55px 0}.page-hero.compact h1{font-size:49.6px}.page-hero.compact .lead{font-size:18px}.section-nav{border-bottom:1px solid var(--line);background:var(--paper)}.section-nav .wrap{display:flex;gap:35px;flex-wrap:wrap;padding-block:24px}.section-nav a{font-size:15px;font-weight:600;text-decoration:none}.section-nav a:hover{text-decoration:underline}.service-detail{scroll-margin-top:93px;display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.service-detail:nth-of-type(even){background:var(--sage)}.service-detail.reverse .service-picture{order:2}.service-picture{position:relative;overflow:hidden;min-height:800px}.service-picture .parallax-layer{inset:-45px 0}.service-picture .cinema-photo{animation:none;transform:scale(1.04)}.service-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#132b2290,transparent 45%)}.service-picture .detail-tag{background:#fffffff2;left:40px;bottom:40px}.detail-copy{padding:75px max(48px,calc((100vw - 1280px)/2)) 75px 65px;min-width:0;display:flex;flex-direction:column;justify-content:center}.reverse .detail-copy{padding-left:max(48px,calc((100vw - 1280px)/2));padding-right:65px}.detail-copy h2{margin-bottom:25px;font-size:43.2px;overflow-wrap:break-word;hyphens:auto}.detail-copy>p{color:var(--muted);font-size:17px}.detail-copy h3{font:600 14px var(--sans);margin-top:27px}.checklist{list-style:none;padding:0;margin:14px 0 0}.checklist li{position:relative;padding:10px 0 10px 26px;font-size:16px;border-bottom:1px solid #bac7ad90;line-height:1.45}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--green)}.scope-note{font-size:13px!important;margin-top:23px}.detail-copy .actions{margin-top:25px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.process-number{font:400 36.8px var(--heading);color:#90a773;margin-bottom:13px}.process h3{font-size:24.8px;margin-bottom:13px}.process p{color:var(--muted);font-size:17px}.contact-band{padding:68px 0;background:var(--green);color:var(--paper)}.contact-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-band h2{font-size:36.8px}.contact-band p{color:#dce4d3;margin-top:12px}.contact-band .button{flex:none;background:var(--sage);color:var(--green)}
.philosophy{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}.philosophy .big{font:400 33.6px/1.2 var(--heading);margin-bottom:24px}.person{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.portrait-frame{position:relative;background:var(--green);overflow:hidden}.portrait-frame img{width:100%;height:610px;object-fit:cover;object-position:center 20%}.portrait-frame figcaption{position:absolute;left:24px;bottom:24px;background:var(--paper);padding:12px 20px;font-size:14px}.person-copy>p:not(.role){color:var(--muted)}.role{font-size:15px;font-weight:600;color:var(--green);margin:13px 0 23px}.timeline{margin-top:35px}.timeline h3{font-size:23.2px;margin-bottom:25px}.timeline ol{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 24px 32px;border-left:1px solid #b2c19f;margin-left:7px}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:'';position:absolute;left:-7px;top:6px;width:13px;height:13px;border-radius:50%;border:1px solid #78905f;background:var(--paper)}.timeline li:first-child:before{background:#91aa73;box-shadow:0 0 0 4px #e4ecd9}.timeline strong{display:block;font-size:14px;font-weight:600;color:var(--green);margin-bottom:5px}.timeline p{font-size:16px;color:var(--muted)}.assistant{margin-top:105px;padding:65px;background:var(--cream);display:grid;grid-template-columns:1.2fr .8fr;gap:85px}.assistant h2{font-size:39.2px}.assistant>div>p:not(.role){color:var(--muted);font-size:17px}.assistant .portrait-frame img{height:570px}
.inquiry-layout{display:grid;grid-template-columns:.84fr 1.16fr;gap:0;box-shadow:0 20px 50px #12201910;border:1px solid var(--line);background:var(--paper)}.inquiry-intro{padding:50px 42px;background:var(--green);color:var(--paper);position:relative;overflow:hidden}.inquiry-intro:after{content:'';position:absolute;bottom:-130px;left:-80px;width:340px;height:340px;border:1px solid #dce7ce20;border-radius:50%;pointer-events:none;box-shadow:0 0 0 60px #dce7ce06,0 0 0 120px #dce7ce05}.inquiry-intro .eyebrow{color:var(--sage)}.inquiry-intro h2{font-size:39.2px}.inquiry-intro .lead{color:#dce4d3;font-size:18px;margin-top:23px}.contact-person{display:flex;align-items:center;gap:17px;margin-top:34px;padding-top:26px;border-top:1px solid #ffffff30}.contact-person img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center 20%}.contact-person p{font-size:14px;line-height:1.5}.contact-person span{display:block;color:#c6d6b8;font-size:12px}.contact-direct{display:grid;gap:24px;margin-top:34px}.contact-direct>div>span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#b5c9a5;display:block;margin-bottom:5px}.contact-direct a{font:600 30px var(--sans);text-decoration:none;overflow-wrap:anywhere}.contact-direct a:hover{color:#b5c9a5}.contact-direct small{display:block;font-size:13px;color:#d4dfcb;margin-top:6px}.contact-emergency{position:relative;z-index:1;border-top:1px solid #ffffff30;margin-top:34px;padding-top:24px;font-size:13px;color:#d4dfcb}.contact-emergency a{display:block;font:600 26px var(--sans);margin-top:7px;text-decoration:none;color:white}.inquiry-form{padding:48px;scroll-margin-top:112px;min-width:0}.inquiry-form h3{font-size:29.6px;margin-bottom:8px}.form-hint{font-size:13px;color:var(--muted);margin-bottom:28px}.form-fields{padding:0;margin:0;border:0;min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}.form-field{display:flex;flex-direction:column;gap:8px;min-width:0}.form-field.full{grid-column:1/-1}.form-field label{font-size:14px;font-weight:500}.form-field label span{color:var(--muted);font-size:12px}.form-field input,.form-field textarea,.form-field select{width:100%;min-width:0;border:1px solid #c6d2bc;background:#f7f9f6;color:var(--ink);border-radius:3px;padding:13px 14px;min-height:50px;font:400 16px/1.5 var(--sans);transition:background .2s,border-color .2s}.form-field textarea{resize:vertical;min-height:145px}.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:#a6ce8a}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:white;border-color:#4c7a35}.form-field input::placeholder,.form-field textarea::placeholder{color:#737e71;font-size:14px}.form-privacy{font-size:12px;color:var(--muted);margin-top:24px}.form-submit{margin-top:24px;min-width:210px}.form-submit:disabled{opacity:.6;cursor:wait;transform:none}.form-status:empty{display:none}.form-status{font-size:14px;margin-top:22px;padding:15px;border:1px solid var(--line)}.form-status[data-state=success]{background:#e4efdb;border-color:#a6ce8a}.form-status[data-state=error]{background:#fff1e9;border-color:#d9ab90}.form-honeypot{display:none!important}.arrival{display:grid;grid-template-columns:.65fr 1.35fr;background:var(--cream);border:1px solid var(--line)}.arrival-info{padding:44px}.arrival-info h2{font-size:33.6px}.arrival-info address{font-style:normal;margin-top:22px;font-size:18px}.arrival-info p{font-size:15px;color:var(--muted);margin-top:21px}.arrival-info .button{margin-top:25px;font-size:14px}.google-map{position:relative;min-height:420px;background:#e4ebdb}.google-map iframe{width:100%;height:100%;min-height:420px;border:0;display:block}.arrival-note{font-size:12px;color:var(--muted);margin-top:12px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{font-size:18px;font-weight:500;cursor:pointer}.faq p{font-size:16px;padding-top:15px;color:var(--muted)}
.reference-intro{max-width:780px}.reference-intro .lead{margin-top:22px}.reference-nav .wrap{gap:25px}.reference-detail{scroll-margin-top:110px;padding:85px 0;border-bottom:1px solid var(--line)}.reference-detail:nth-child(even){background:var(--cream)}.reference-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px;align-items:start}.reference-number{font:400 59.2px/1 var(--heading);color:#9eb589;margin-bottom:20px}.reference-info h2{font-size:39.2px}.reference-info>p{color:var(--muted);font-size:17px;margin-top:22px}.reference-facts{margin:26px 0;border-top:1px solid var(--line)}.reference-facts div{padding:12px 0;border-bottom:1px solid var(--line)}.reference-facts dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.reference-facts dd{margin:4px 0 0;font-size:15px}.gallery-main{display:block;position:relative;width:100%;height:460px;overflow:hidden;text-decoration:none}.gallery-main img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.gallery-main:hover img{transform:scale(1.055)}.gallery-main .detail-tag{bottom:20px;left:20px;padding:7px 12px;font-size:12px}.gallery-main .card-arrow{top:20px;right:20px}.gallery-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}.gallery-thumbs a{display:block;overflow:hidden;background:var(--sage);height:95px}.gallery-thumbs img{width:100%;height:100%;object-fit:cover;transition:transform .6s,opacity .6s}.gallery-thumbs a:hover img{transform:scale(1.1);opacity:.8}.gallery-thumbs a[aria-current]{outline:2px solid var(--green);outline-offset:2px}.gallery-hint{font-size:12px;color:var(--muted);margin-top:14px}.lightbox{border:0;background:#152a22;color:white;padding:25px;width:min(1100px,calc(100% - 32px));max-height:calc(100dvh - 32px)}.lightbox::backdrop{background:#10251eee;backdrop-filter:blur(8px)}.lightbox-close{display:block;margin-left:auto;background:transparent;color:white;border:1px solid #ffffff50;padding:5px 12px;font-size:13px}.lightbox img{height:min(68dvh,700px);width:100%;object-fit:contain;margin-top:15px}.lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.lightbox-controls button{width:44px;height:44px;background:transparent;border:1px solid #ffffff50;color:white;font-size:23px}.lightbox-caption{font-size:14px;text-align:center}.lightbox-caption span{display:block;color:#c2d1b4;font-size:12px}
.legal-layout{display:grid;grid-template-columns:minmax(0,850px) 220px;gap:100px;align-items:start}.legal h2{font-size:24.8px;margin:40px 0 15px;line-height:1.2}.legal h2:first-child{margin-top:0}.legal h3{font-size:20px;margin:25px 0 12px}.legal p,.legal li{font-size:17px;color:var(--muted)}.legal a{overflow-wrap:anywhere}.legal address{font-style:normal;font-size:18px;margin-bottom:20px}.legal-side{position:sticky;top:135px;border-top:1px solid var(--line);display:grid}.legal-side a{padding:16px 0;font-size:15px;text-decoration:none;border-bottom:1px solid var(--line)}.stand{font-size:14px!important;margin-top:20px}.site-footer{background:#122019;color:#d4dfcb;padding:75px 0 27px;font-size:15px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr .8fr;gap:50px}.footer-brand img{width:240px;margin-bottom:22px}.footer-brand p{max-width:290px}.site-footer h3{font:600 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#b8cea2;margin-bottom:22px}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.site-footer a{text-decoration:none;color:var(--paper)}.site-footer a:hover{text-decoration:underline}.footer-hours{font-size:13px;margin-top:17px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:24px;margin-top:52px;font-size:12px}.design-intro{padding:65px 0;background:var(--sage)}.design-intro h1{font-size:46.4px}.design-intro .lead{margin-top:20px;max-width:740px}.design-jumps{display:flex;flex-wrap:wrap;gap:15px;margin-top:27px}.design-label{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.design-label .wrap{display:flex;gap:25px;align-items:center;justify-content:space-between}.design-label h2{font-size:24.8px}.design-label p{font-size:14px;color:var(--muted)}
@keyframes cinema{from{transform:scale(1.03) translateX(-.6%)}to{transform:scale(1.12) translateX(.6%)}}
.route-list button.map-hover{background:#dbe6ce}.route-list button.map-hover:before{background:var(--green)}
.reference-info>.reference-number{font:400 59.2px/1 var(--heading);color:#9eb589;margin:0 0 20px}
@media(min-width:1700px){.home-hero,.hero-visual{min-height:790px}.hero-copy h1{font-size:78.4px}.hero-copy .lead{font-size:21px}}
@media(max-width:1150px){.wrap{width:calc(100% - 56px)}.header-inner{gap:22px;min-height:84px}.brand img{width:196px}.nav{gap:20px}.nav a{font-size:15px}.header-cta{padding:11px 17px;font-size:13px;gap:15px}.hero-copy{padding:55px 35px 50px 28px}.home-hero,.hero-visual{min-height:650px}.hero-copy h1{font-size:56px}.hero-copy .lead{font-size:18px}.section{padding:85px 0}.intro-grid,.values-grid,.founder-editorial,.person{gap:50px}.card-body{padding:25px 20px}.card-body h3{font-size:24px}.service-card figure{height:230px}.values-collage{padding-right:20px}.values-person{width:190px}.founder-image{height:550px}.reference-teaser{height:345px}.area-copy{padding:35px 26px}.area-copy h2{font-size:34.4px}.karte{height:790px}.detail-copy{padding:55px 35px}.reverse .detail-copy{padding:55px 35px}.detail-copy h2{font-size:36.8px}.service-picture{min-height:850px}.inquiry-intro{padding:40px 30px}.inquiry-intro h2{font-size:34.4px}.inquiry-form{padding:40px 32px}.arrival-info{padding:35px}.reference-layout{gap:35px;grid-template-columns:.65fr 1.35fr}.gallery-main{height:440px}.assistant{padding:45px;gap:45px}.legal-layout{gap:60px;grid-template-columns:minmax(0,1fr) 200px}.footer-grid{gap:30px}}
@media(max-width:900px){.header-inner{gap:17px}.brand img{width:180px}.nav{gap:15px}.nav a{font-size:14px}.header-cta{font-size:12px;gap:12px}.home-hero,.hero-visual{min-height:630px}.hero-copy h1{font-size:50.4px}.hero-copy .eyebrow{font-size:10px}.hero-copy .actions{gap:17px}.hero-copy .button{font-size:14px;padding-inline:18px}.hero-copy .text-link{font-size:14px}.values-grid{gap:30px}.values-collage .motion-window{height:505px}.founder-editorial{gap:40px}.founder-copy blockquote{font-size:32px}.inquiry-layout{grid-template-columns:.8fr 1.2fr}.inquiry-intro h2{font-size:30.4px}.contact-direct a{font-size:26px}.form-grid{gap:18px 14px}.form-field label{font-size:12px}.inquiry-form{padding:35px 25px}.arrival{grid-template-columns:.8fr 1.2fr}.reference-layout{grid-template-columns:1fr 1.6fr}.reference-info h2{font-size:32.8px}.gallery-main{height:390px}.gallery-thumbs{grid-template-columns:repeat(3,1fr)}.gallery-thumbs a{height:75px}}
@media(max-width:800px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:76px;flex-wrap:wrap;padding:14px 0;gap:12px}.brand img{width:205px}.header-cta{margin-left:auto;font-size:13px;min-height:42px;order:2;padding:9px 15px}.js .nav-toggle{display:flex;order:3}.nav{order:4;width:100%;margin:0;flex-wrap:wrap;padding-top:10px;gap:22px}.js .nav{display:none}.js .nav.open{display:flex}.nav a{font-size:16px}.section{padding:70px 0}.home-hero{grid-template-columns:1fr 1fr;min-height:620px}.hero-copy h1{font-size:48px}.hero-visual{min-height:620px}.hero-foot{gap:12px}.hero-foot small{font-size:11px}.hero-stamp{font-size:9px;right:20px;top:25px}.hero-location{left:22px;bottom:25px;font-size:11px}.trust-strip p{font-size:12px;gap:8px}.trust-strip span{font-size:24px}.intro-grid{gap:35px}.intro-grid h2{font-size:32px}.intro-grid>p{font-size:17px}.service-grid{gap:15px}.service-card figure{height:190px}.card-body{padding:22px 15px}.card-for{font-size:11px}.card-body h3{font-size:21.6px}.card-body>p:not(.card-for){font-size:15px}.card-link{font-size:13px}.card-arrow{width:36px;height:36px;font-size:20px;right:14px;top:14px}.card-number{left:15px;bottom:15px;font-size:23px}.values-grid{grid-template-columns:1fr 1fr}.values-grid h2{font-size:32px}.values-collage .motion-window{height:440px;border-top-right-radius:70px}.values-person{width:165px}.values-person img{height:180px}.value-point{grid-template-columns:30px 1fr;gap:12px;padding:18px 0}.value-icon{width:29px;height:29px;font-size:15px}.value-point h3{font-size:20.8px}.value-point p{font-size:15px}.founder-image{height:500px}.founder-copy blockquote{font-size:29.6px}.founder-editorial{gap:35px}.founder-label{left:18px;bottom:18px;padding:12px 16px}.founder-facts{gap:6px}.founder-facts span{font-size:11px;padding:5px 8px}.section-top{flex-direction:column;align-items:start;gap:25px}.reference-teasers{gap:15px;grid-template-columns:1fr 1fr 1fr}.reference-teaser{height:310px}.reference-teaser>div{left:18px;right:18px;bottom:20px}.reference-teaser h3{font-size:23.2px}.reference-teaser .card-arrow{width:28px;height:28px;font-size:16px}.area-shell{grid-template-columns:1fr 1.15fr}.area-copy{padding:30px 23px}.area-copy h2{font-size:31.2px}.route-list button{font-size:21px}.route-list em{font-size:10px}.map-toolbar{padding:17px;font-size:12px;flex-wrap:wrap;gap:10px}.karte{height:810px}.map-legend{font-size:10px;padding:15px}.page-hero{min-height:490px}.page-hero .wrap{padding:65px 0}.page-hero h1{font-size:52px;max-width:650px}.page-hero .lead{font-size:18px;max-width:480px}.service-detail{grid-template-columns:1fr}.service-picture,.service-detail.reverse .service-picture{min-height:440px;height:440px;order:0}.service-picture .cinema-photo{object-position:center 45%}.detail-copy,.reverse .detail-copy{padding:55px 40px}.detail-copy h2{font-size:39.2px}.detail-copy>p{font-size:18px}.checklist li{font-size:17px}.process{gap:30px}.process p{font-size:16px}.contact-band .wrap{gap:30px}.contact-band h2{font-size:30.4px}.philosophy{grid-template-columns:1fr;gap:20px}.philosophy .big{font-size:30.4px}.person{gap:35px;grid-template-columns:.85fr 1.15fr}.person h2{font-size:34.4px}.portrait-frame img{height:525px}.person-copy>p{font-size:16px}.timeline p{font-size:15px}.assistant{padding:30px;gap:30px;grid-template-columns:1.1fr .9fr}.assistant h2{font-size:33.6px}.assistant .portrait-frame img{height:500px}.inquiry-layout{grid-template-columns:1fr}.inquiry-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;padding:40px}.inquiry-intro>.eyebrow,.inquiry-intro>h2,.inquiry-intro>.lead{grid-column:1}.inquiry-intro .lead{font-size:17px}.inquiry-intro .contact-person{grid-column:1}.contact-direct{grid-column:2;grid-row:1/5;margin-top:4px}.contact-emergency{grid-column:2;grid-row:5/6;margin-top:0}.inquiry-form{padding:40px}.form-field label{font-size:14px}.arrival-info{padding:30px}.arrival-info h2{font-size:30.4px}.arrival-info address{font-size:16px}.faq-grid{grid-template-columns:1fr;gap:25px}.reference-layout{grid-template-columns:1fr;gap:30px}.reference-info{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.reference-info>.eyebrow,.reference-number,.reference-info>h2,.reference-info>p{grid-column:1}.reference-number{font-size:40px;margin-bottom:12px}.reference-info .eyebrow{margin-bottom:15px}.reference-facts{grid-column:2;grid-row:1/6;margin-top:0}.reference-info .text-link{grid-column:1;width:max-content;margin-top:15px}.gallery-main{height:480px}.gallery-thumbs{grid-template-columns:repeat(6,1fr)}.gallery-thumbs a{height:85px}.reference-detail{padding:65px 0}.legal-layout{grid-template-columns:1fr;gap:40px}.legal-side{position:static;grid-row:1;display:flex;gap:25px;border:0}.legal-side a{padding:8px 0}.footer-grid{grid-template-columns:1.2fr 1fr;gap:40px}.footer-bottom{flex-direction:column;gap:10px}.founder-studio{grid-template-columns:1.1fr .9fr}.founder-studio .founder-copy{padding:25px}.founder-studio .founder-copy blockquote{font-size:28px}}
@media(max-width:600px){body{font-size:17px}.wrap{width:calc(100% - 40px)}.header-inner{gap:9px;min-height:72px;padding:13px 0}.brand img{width:160px}.header-cta{font-size:12px;padding:9px 12px;gap:9px;min-height:40px}.nav-toggle{padding:5px}.nav-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.nav-toggle svg{width:20px}.js .nav.open{display:grid;gap:0}.nav a{padding:12px 0;border-bottom:1px solid var(--line)}.nav a:after{display:none}.section{padding:60px 0}.home-hero{grid-template-columns:1fr}.hero-copy{padding:45px 20px 35px}.hero-copy h1{font-size:56px;max-width:480px}.hero-copy .eyebrow{font-size:10px}.hero-copy .lead{font-size:18px;max-width:450px}.hero-foot{margin-top:28px;padding-top:22px}.hero-foot small{font-size:12px}.hero-visual{min-height:385px;height:385px}.hero-stamp{top:22px;right:22px}.hero-location{font-size:12px}.trust-strip{padding:20px 0}.trust-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:17px}.trust-strip p:last-child{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:15px}.trust-strip p{font-size:13px}.intro-grid{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.intro-grid>p{justify-self:start}.intro-grid h2{font-size:34.4px}.service-grid{grid-template-columns:1fr;gap:25px}.service-card figure{height:270px}.card-body{padding:28px 24px}.card-for{font-size:12px}.card-body h3{font-size:28.8px}.card-body>p:not(.card-for){font-size:17px}.card-link{font-size:15px;padding-top:22px}.card-arrow{width:42px;height:42px;font-size:23px;right:20px;top:20px}.card-number{left:20px;bottom:20px}.values-grid{grid-template-columns:1fr;gap:30px}.values-collage{padding:0 35px 50px 0}.values-collage .motion-window{height:385px}.values-person{width:170px}.values-person img{height:172px}.values-grid h2{font-size:34.4px}.value-point{grid-template-columns:38px 1fr;gap:16px}.value-icon{width:37px;height:37px}.value-point h3{font-size:23.2px}.value-point p{font-size:16px}.founder-editorial,.founder-studio{grid-template-columns:1fr;gap:35px}.founder-image{height:500px;border-bottom-right-radius:75px}.founder-copy blockquote{font-size:32px}.founder-copy .quote-mark{margin-top:0}.founder-dark .founder-image{height:480px}.founder-studio .founder-copy{order:2;padding:28px}.founder-studio .founder-image{height:480px}.founder-studio .founder-copy blockquote{font-size:30.4px}.reference-teasers{grid-template-columns:1fr;gap:22px}.reference-teaser{height:345px}.reference-teaser h3{font-size:28.8px}.reference-teaser .card-arrow{width:38px;height:38px;font-size:22px}.area-shell{grid-template-columns:1fr}.area-copy{padding:30px 22px}.area-copy h2{font-size:33.6px}.route-list{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;margin:25px 0}.route-list:before{display:none}.route-list button{padding:9px 7px 9px 20px;font-size:20px;gap:5px;flex-wrap:wrap}.route-list button:before{left:4px;width:7px;height:7px}.route-list button:hover,.route-list button[aria-pressed=true]{padding-left:22px}.route-list em{display:none}.area-map{border-left:0;border-top:1px solid #bfccaf}.map-toolbar{padding:17px 20px}.karte{height:560px}.map-legend{font-size:11px}.page-hero{min-height:440px}.page-hero .wrap{padding:55px 0 60px}.page-hero h1{font-size:44.8px}.page-hero .lead{font-size:18px}.page-hero .hero-location{right:20px;font-size:10px;bottom:16px}.page-hero:after{background:linear-gradient(90deg,#11271fde,#11271f88)}.page-hero.compact{min-height:295px}.page-hero.compact h1{font-size:38.4px;overflow-wrap:anywhere}.page-hero.compact .lead{font-size:16px}.page-hero.hero-contact{min-height:420px}.section-nav .wrap{gap:12px 22px;padding-block:21px}.section-nav a{font-size:13px}.service-picture,.service-detail.reverse .service-picture{min-height:340px;height:340px}.service-picture .detail-tag{left:20px;bottom:22px}.detail-copy,.reverse .detail-copy{padding:45px 20px 55px}.detail-copy h2{font-size:36px}.detail-copy .eyebrow{font-size:10px}.detail-copy>p{font-size:17px}.checklist li{font-size:16px}.process{grid-template-columns:1fr;gap:28px;margin-top:30px}.process>div{padding-bottom:23px;border-bottom:1px solid var(--line)}.process-number{font-size:30.4px;margin-bottom:10px}.contact-band{padding:52px 0}.contact-band .wrap{flex-direction:column;align-items:start;gap:26px}.contact-band h2{font-size:31.2px}.contact-band p{font-size:16px}.philosophy .big{font-size:28px}.person{grid-template-columns:1fr;gap:35px}.portrait-frame img{height:515px}.person h2{font-size:36.8px}.person-copy>p{font-size:17px}.timeline p{font-size:16px}.assistant{padding:30px 22px;margin-top:65px;grid-template-columns:1fr;gap:35px}.assistant .portrait-frame{grid-row:1}.assistant .portrait-frame img{height:455px}.assistant h2{font-size:34.4px}.inquiry-intro{display:block;padding:34px 24px}.inquiry-intro h2{font-size:35.2px}.contact-direct{display:grid;grid-template-columns:1fr;gap:24px;margin-top:29px}.contact-direct a{font-size:31px}.contact-person{margin-top:28px;padding-top:23px}.contact-emergency{margin-top:28px;padding-top:23px}.inquiry-form{padding:32px 23px}.inquiry-form h3{font-size:28.8px}.form-grid{grid-template-columns:1fr;gap:20px}.form-field.full{grid-column:auto}.form-field label{font-size:14px}.form-field input,.form-field textarea,.form-field select{font-size:16px}.form-submit{width:100%}.arrival{grid-template-columns:1fr}.arrival-info{padding:33px 25px}.arrival-info h2{font-size:34.4px}.arrival-info address{font-size:18px}.google-map,.google-map iframe{min-height:360px}.faq summary{font-size:17px}.reference-detail{padding:55px 0}.reference-info{display:block}.reference-info h2{font-size:35.2px}.reference-info .eyebrow{font-size:11px}.reference-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:25px 0}.reference-facts div{padding:12px 0}.reference-number{font-size:42.4px;margin-bottom:12px}.reference-info>p{font-size:17px}.gallery-main{height:345px}.gallery-thumbs{grid-template-columns:repeat(3,1fr);gap:9px}.gallery-thumbs a{height:95px}.gallery-main .card-arrow{width:37px;height:37px}.lightbox{padding:15px}.lightbox img{height:60dvh}.lightbox-caption{font-size:13px}.legal h2{font-size:23.2px}.legal p,.legal li{font-size:16px}.legal-side{gap:20px;flex-wrap:wrap}.legal-side a{font-size:13px}.footer-grid{grid-template-columns:1fr 1fr;gap:38px 20px}.footer-brand{grid-column:1/-1}.footer-brand img{width:235px}.footer-brand p{max-width:350px}.footer-grid>div:nth-child(3){grid-column:1/-1;grid-row:3}.site-footer{padding-top:55px;font-size:14px}.footer-bottom{font-size:11px}.design-intro{padding:45px 0}.design-intro h1{font-size:37.6px}.design-jumps{gap:10px}.design-jumps .button{font-size:13px;padding:11px 15px}.design-label .wrap{display:block}.design-label h2{font-size:23.2px}.design-label p{margin-top:10px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand img{width:133px}.header-cta{font-size:11px;gap:7px;padding:9px 10px}.header-inner{gap:7px}.hero-copy{padding-inline:16px}.hero-copy h1{font-size:49.6px}.hero-copy .eyebrow{letter-spacing:.11em;font-size:9px}.hero-copy .actions{gap:16px}.hero-copy .button{padding-inline:16px}.hero-visual{height:330px;min-height:330px}.card-body h3{font-size:26.4px}.area-copy{padding-inline:19px}.route-list button{font-size:18px}.inquiry-form{padding:30px 18px}.reference-facts{gap:0 14px}.page-hero h1{font-size:40.8px}.page-hero.compact h1{font-size:34.4px}.gallery-main{height:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.parallax-layer{transform:none!important;will-change:auto}.cinema-photo{transform:none!important}.service-card:hover,.service-card:focus-visible{transform:none}}
@media(max-width:600px){.brand img{width:140px}.reference-info>.reference-number{font-size:42.4px;margin-bottom:15px}}
.header-cta{white-space:nowrap}.header-cta:hover .cta-label,.header-cta:hover .cta-extra{transform:none}
@media(max-width:360px){.brand img{width:145px}.header-cta .cta-extra{display:none}}

.cinema-band{position:relative;min-height:330px;display:flex;align-items:center;isolation:isolate;overflow:hidden;color:white}.cinema-band>.motion-window{position:absolute;inset:0;z-index:-2}.cinema-band:after{content:"";position:absolute;inset:0;background:#1b3528b0;z-index:-1}.cinema-band .wrap{padding-block:65px}.cinema-band h2{max-width:760px;font-size:clamp(32px,3.6vw,51.2px)}.cinema-band p{color:#e4ebdb;margin-top:22px;max-width:650px}.cinema-band .eyebrow{color:#e4ebdb}.cinema-band .text-link{margin-top:25px;color:white}

/* ===== Entwurf 2 · Gärtner-Marketing · 12.10.2026 ===== */
body{background:#fff}
::selection{background:#a6ce8a;color:#122019}
h1 em,h2 em{font-style:italic;color:var(--accent-dark)}
.page-hero h1 em,.page-hero h2 em,.cinema-band h2 em,.contact-band h2 em,.inquiry-intro h2 em{color:var(--accent)}
.text-link:hover{color:var(--accent-dark)}
.button:hover{background:#122019}

/* Header */
.site-header{background:#ffffffee;transition:box-shadow .3s,background .3s}
.site-header.is-scrolled{box-shadow:0 10px 30px #12201914;background:#fffffff5}
.header-inner{transition:min-height .3s}
.site-header.is-scrolled .header-inner{min-height:76px}
.brand img{width:240px;height:auto;transition:width .3s}
.site-header.is-scrolled .brand img{width:212px}

/* Startseite Hero */
.home-hero{background:#f3f6f2}
.hero-copy h1{font-size:clamp(44px,4.3vw,66px);line-height:1.05;max-width:600px;letter-spacing:-.015em}
.route-list button{font-family:var(--sans);font-weight:600;font-size:19px}
.hero-copy h1 em{color:var(--accent-dark)}
.hero-call{display:flex;align-items:center;gap:18px;border-top:1px solid #12201922;padding-top:24px;margin-top:38px}
.hero-call .call-icon{width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;flex:none}
.hero-call .call-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.hero-call span{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.hero-call a{font-size:22px;font-weight:600;text-decoration:none;color:var(--ink)}
.hero-call a:hover{color:var(--accent-dark)}
.hero-call small{display:block;font-size:13px;color:var(--muted)}
.js .hero-copy>*{animation:heroIn .9s cubic-bezier(.2,.7,.2,1) both}
.js .hero-copy>*:nth-child(2){animation-delay:.08s}.js .hero-copy>*:nth-child(3){animation-delay:.16s}.js .hero-copy>*:nth-child(4){animation-delay:.24s}.js .hero-copy>*:nth-child(5){animation-delay:.32s}
@keyframes heroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.trust-strip{background:var(--green)}
.trust-strip span{font-size:22px;color:var(--accent)}

/* Startbild-Slider */
.hero-slider{--slide-dur:6.5s;background:var(--green)}
.hero-slider .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s cubic-bezier(.4,0,.2,1),visibility 0s 1.4s;visibility:hidden}
.hero-slider .slide.is-active{opacity:1;visibility:visible;z-index:1;transition:opacity 1.4s cubic-bezier(.4,0,.2,1)}
.hero-slider .slide-img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.1);filter:saturate(1.08) contrast(1.04)}
.hero-slider .slide.is-active .slide-img{animation:kbA calc(var(--slide-dur) + 1.6s) linear forwards}
.hero-slider .slide:nth-child(even).is-active .slide-img{animation-name:kbB}
@keyframes kbA{from{transform:scale(1.12) translate(-1.6%,1.2%)}to{transform:scale(1.02) translate(0,0)}}
@keyframes kbB{from{transform:scale(1.02) translate(1.2%,0)}to{transform:scale(1.11) translate(-1%,-1%)}}
.hero-slider.is-paused .slide-img,.hero-slider.is-paused .slider-dot span:after{animation-play-state:paused!important}
.hero-slider:after{z-index:2;background:linear-gradient(0deg,#0e1d15d9 0%,#0e1d1566 26%,transparent 52%)}
.slider-caption{position:absolute;z-index:3;left:40px;bottom:36px;color:#fff;max-width:55%}
.slider-caption small{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#d8e6cc}
.slider-caption small:before{content:'';width:26px;height:1px;background:var(--accent)}
.slider-caption strong{display:block;font:400 clamp(28px,2.6vw,40px)/1.1 var(--heading);margin-top:8px;transition:opacity .45s,transform .45s}
.slider-caption.is-changing strong{opacity:0;transform:translateY(10px)}
.slider-ui{position:absolute;z-index:3;right:36px;bottom:40px;display:flex;align-items:center;gap:16px;color:#fff}
.slider-count{font-size:12px;letter-spacing:.12em;color:#ffffffb0;font-variant-numeric:tabular-nums}
.slider-count b{color:#fff;font-weight:600}
.slider-dots{display:flex;gap:6px}
.slider-dot{width:30px;height:22px;padding:0;border:0;background:none;display:grid;align-items:center;cursor:pointer}
.slider-dot span{display:block;height:2px;background:#ffffff55;position:relative;overflow:hidden;transition:background .3s}
.slider-dot:hover span{background:#ffffffaa}
.slider-dot span:after{content:'';position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left}
.slider-dot.is-done span:after{transform:scaleX(1)}
.slider-dot.is-active span:after{animation:dotFill var(--slide-dur) linear forwards}
@keyframes dotFill{to{transform:scaleX(1)}}
.slider-pause{width:34px;height:34px;border-radius:50%;border:1px solid #ffffff70;background:#ffffff14;backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;transition:background .25s}
.slider-pause:hover{background:#ffffff30}
.slider-pause svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round}
.slider-pause .i-play{display:none;fill:currentColor;stroke-width:1}
.hero-slider.is-paused .slider-pause .i-play{display:block}.hero-slider.is-paused .slider-pause .i-pause{display:none}
@media(max-width:600px){.slider-caption{left:20px;bottom:22px;max-width:60%}.slider-caption strong{font-size:24px}.slider-ui{right:16px;bottom:24px;gap:10px}.slider-count{display:none}.slider-dot{width:18px}}
@media(prefers-reduced-motion:reduce){.hero-slider .slide,.hero-slider .slide.is-active{transition:none}.hero-slider .slide.is-active .slide-img{animation:none;transform:none}.slider-dot.is-active span:after{animation:none;transform:scaleX(1)}}
/* Werte mit Elisabeth */
.values-person img{object-position:center 18%}

/* Referenzseite ohne Foto-Hero */
.page-hero.hero-plain{min-height:430px;background:var(--green)}
.page-hero.hero-plain:after{background:radial-gradient(circle at 85% 40%,#a6ce8a22,transparent 45%)}
.hero-plain .hero-mark{position:absolute;right:max(48px,calc((100vw - 1280px)/2));top:50%;transform:translateY(-50%);width:min(34vw,420px);opacity:.16;z-index:-1}
.hero-plain .hero-mark path{fill:#a6ce8a}

/* Referenz-Galerien */
.reference-facts dd{font-weight:500}
.gallery-thumbs:empty{display:none}

/* FAQ */
.faq-home{background:#fff}
.faq-home .faq-grid{align-items:start}
.faq-home .faq-intro{position:sticky;top:130px}
.faq-home .faq-intro h2{margin-bottom:22px}
.faq-home .faq-intro a{font-weight:600;color:var(--ink)}
.faq details{padding:0;border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:19px;font-weight:600;transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--accent-dark)}
.faq summary:after{content:'';flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:linear-gradient(var(--green),var(--green)) center/12px 1.5px no-repeat,linear-gradient(var(--green),var(--green)) center/1.5px 12px no-repeat;transition:transform .35s,background-color .3s,border-color .3s}
.faq details[open] summary:after{transform:rotate(135deg);background-color:var(--sage);border-color:var(--sage)}
.faq details p{padding:0 60px 24px 0;margin:0;font-size:17px;color:var(--muted)}
.faq details p+p{padding-top:0}
@supports (interpolate-size:allow-keywords){
 .faq{interpolate-size:allow-keywords}
 .faq details::details-content{height:0;overflow:hidden;transition:height .4s ease,content-visibility .4s allow-discrete}
 .faq details[open]::details-content{height:auto}
}

/* Kontaktbereich ohne Doppelbild */
.contact-team{margin-top:34px;padding-top:26px;border-top:1px solid #ffffff30;font-size:14px;line-height:1.5}
.contact-team strong{display:block;font-size:15px}
.contact-team span{color:#c6d6b8;font-size:12px}

/* Dezente Scroll-Effekte */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js .reveal.is-visible{opacity:1;transform:none}
.service-card figure img,.service-picture img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}

/* Footer */
.site-footer{background:#122019}
.footer-brand img{width:250px}
.footer-bottom{align-items:center}
.credit{display:flex;align-items:center;gap:14px}
.credit-text{font-size:13px;color:#d4dfcb!important;text-decoration:none}
.credit-text:hover{color:#fff!important;text-decoration:underline}
.credit-logo{display:block;line-height:0;opacity:.9;transition:opacity .25s,transform .25s}
.credit-logo:hover{opacity:1;transform:translateY(-2px);text-decoration:none!important}
.credit-logo img{width:78px;height:auto}

@media(max-width:1150px){.brand img{width:205px}.site-header.is-scrolled .brand img{width:190px}}
@media(max-width:900px){.faq-home .faq-intro{position:static}}
@media(max-width:600px){
 .brand img,.site-header.is-scrolled .brand img{width:165px}
 .hero-copy h1{font-size:42px}
 .hero-call a{font-size:20px}
 .faq summary{font-size:17px;padding:18px 0}
 .faq details p{padding-right:0;font-size:16px}
 .hero-plain .hero-mark{width:70vw;right:-12vw;opacity:.1}
 .footer-bottom{flex-direction:column;align-items:flex-start}
 .trust-strip .wrap{grid-template-columns:1fr;gap:12px}
 .trust-strip p:last-child{border-top:0;padding-top:0}
 .trust-strip p{display:grid;grid-template-columns:118px 1fr;gap:10px}
 .trust-strip span{font-size:19px}
 .values-collage .detail-tag{top:16px;bottom:auto;left:16px;font-size:12px;padding:8px 12px}
}
@media(max-width:360px){.brand img,.site-header.is-scrolled .brand img{width:140px}.hero-copy h1{font-size:36px}.page-hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}.js .hero-copy>*{animation:none}}

/* ===== Varianten für den linken Startseiten-Bereich ===== */
/* A · Dunkelgrün */
.home-hero.hv-dark{background:#122019}
.hv-dark .hero-copy,.hv-topo .hero-copy{color:#fff}
.hv-dark .hero-copy:after{background:radial-gradient(120% 80% at 0% 0%,#a6ce8a1c,transparent 60%);background-size:auto;opacity:1}
.hv-dark .hero-copy h1,.hv-topo .hero-copy h1{color:#fff}
.hv-dark .hero-copy h1 em,.hv-topo .hero-copy h1 em{color:var(--accent)}
.hv-dark .eyebrow,.hv-topo .eyebrow{color:#cfe2c0}
.hv-dark .hero-copy .lead,.hv-topo .hero-copy .lead{color:#c9d6cc}
.hv-dark .hero-copy .button,.hv-topo .hero-copy .button{background:var(--accent);border-color:var(--accent);color:#122019}
.hv-dark .hero-copy .button:hover,.hv-topo .hero-copy .button:hover{background:#bfe0a8;box-shadow:0 10px 24px #00000040}
.hv-dark .hero-copy .text-link,.hv-topo .hero-copy .text-link{color:#fff}
.hv-dark .hero-copy .text-link:hover,.hv-topo .hero-copy .text-link:hover{color:var(--accent)}
.hv-dark .hero-call,.hv-topo .hero-call{border-top-color:#ffffff22}
.hv-dark .hero-call .call-icon,.hv-topo .hero-call .call-icon{background:var(--accent);color:#122019}
.hv-dark .hero-call a,.hv-topo .hero-call a{color:#fff}
.hv-dark .hero-call a:hover,.hv-topo .hero-call a:hover{color:var(--accent)}
.hv-dark .hero-call span,.hv-dark .hero-call small,.hv-topo .hero-call span,.hv-topo .hero-call small{color:#aebfb2}
.hv-dark+.trust-strip,.hv-topo+.trust-strip{border-top:1px solid #ffffff14;background:#1a2f23}
@media(max-width:600px){.hv-dark .hero-copy:after{background:radial-gradient(140% 60% at 0% 0%,#a6ce8a1c,transparent 60%)}}

/* ===== Runde 3 ===== */
.intro-grid>p.intro-3{max-width:520px}
/* Hover auf dunklem Grund */
.contact-band .button:hover{background:#fff;border-color:#fff;color:var(--green);box-shadow:0 12px 26px #00000033}
.page-hero .button:hover,.cinema-band .button:hover{background:var(--accent);border-color:var(--accent);color:#122019}
.cinema-band .text-link:hover,.page-hero .text-link:hover,.inquiry-intro a:hover,.site-footer a:hover{color:var(--accent)!important}
.cinema-band .text-link,.page-hero .text-link{border-bottom-color:var(--accent)}
/* Parallax für Hintergrundbilder */
.page-hero>.motion-window,.cinema-band>.motion-window{overflow:hidden}
.parallax-layer.bg-parallax{inset:-120px 0}
.bg-parallax .cinema-photo{animation-duration:40s}
.page-hero.hero-refs .cinema-photo{object-position:50% 60%}
@media(max-width:600px){.parallax-layer.bg-parallax{inset:-100px 0}}

/* ===== Ablauf – gemeinsame Teile ===== */
.ablauf-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:56px}
.ablauf-head .lead{max-width:470px;justify-self:end;font-size:19px}
.ablauf svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ablauf ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.ablauf ul li{position:relative;padding-left:28px;font-size:16px}
.ablauf ul li:before{content:'';position:absolute;left:0;top:.45em;width:16px;height:16px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.3 2.3 4.7-4.8' fill='none' stroke='%23122019' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.ablauf-cta{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:56px;font-size:16px;color:var(--muted)}
.ablauf-cta span a{font-weight:600;color:var(--ink)}

/* ===== Variante A: Stepper ===== */
.aa-grid{display:grid;grid-template-columns:minmax(260px,.8fr) 1.4fr;gap:40px;align-items:stretch}
.aa-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:start}
.aa-steps button{width:100%;display:grid;grid-template-columns:56px 1fr;align-items:center;gap:6px 14px;text-align:left;background:#fff;border:1px solid var(--line);padding:20px 22px;cursor:pointer;transition:border-color .3s,background .3s,transform .3s,box-shadow .3s;position:relative}
.aa-steps button:hover{border-color:var(--accent);transform:translateX(4px)}
.aa-num{font:400 30px/1 var(--heading);color:#9db58a;transition:color .3s}
.aa-title{font-weight:600;font-size:18px;color:var(--ink)}
.aa-bar{grid-column:2;height:2px;background:var(--line);overflow:hidden;opacity:0;transition:opacity .3s}
.aa-bar i{display:block;height:100%;background:var(--accent-dark);transform:scaleX(0);transform-origin:left}
.aa-steps button.is-active{background:var(--sage);border-color:var(--sage);box-shadow:0 14px 30px #12201914}
.aa-steps button.is-active .aa-num{color:var(--accent-dark)}
.aa-steps button.is-active .aa-bar{opacity:1}
.aa-steps button.is-done .aa-num:after{content:' ✓';font:600 14px var(--sans);color:var(--accent-dark)}
@keyframes aaFill{to{transform:scaleX(1)}}
.aa-panels{display:grid;position:relative}
.aa-panel{grid-area:1/1;position:relative;overflow:hidden;background:var(--green);color:#fff;padding:52px 56px;min-height:420px;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1),visibility 0s .55s;opacity:0;visibility:hidden;transform:translateY(18px)}
.aa-panel.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
html:not(.js) .aa-panel{grid-area:auto;opacity:1;visibility:visible;transform:none;margin-bottom:12px}
.aa-big{position:absolute;right:-10px;bottom:-60px;font:400 300px/1 var(--heading);color:#ffffff0d;pointer-events:none}
.aa-icon{width:64px;height:64px;border-radius:50%;background:var(--accent);color:#122019;display:grid;place-items:center;margin-bottom:26px}
.aa-icon svg{width:30px;height:30px}
.aa-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.aa-panel h3{font-size:clamp(28px,2.6vw,38px);margin-bottom:16px}
.aa-panel>p{color:#d3dfd6;max-width:560px}
.aa-panel ul li{color:#eef4ea}
.aa-panel.is-active .aa-icon{animation:aaPop .6s cubic-bezier(.2,.9,.3,1.3) both}
.aa-panel.is-active ul li{animation:aaIn .5s both}
.aa-panel.is-active ul li:nth-child(2){animation-delay:.08s}
@keyframes aaPop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes aaIn{from{transform:translateX(-12px);opacity:0}to{transform:none;opacity:1}}

/* ===== Variante B: Zeitstrahl ===== */
.ab-line{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:34px}
.ab-track{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--line)}
.ab-fill{display:block;width:100%;height:100%;background:linear-gradient(var(--accent),var(--accent-dark));transform-origin:top;transform:scaleY(var(--fill,0))}
.ab-step{display:grid;grid-template-columns:1fr 84px 1fr;align-items:center}
.ab-node{grid-column:2;justify-self:center;width:64px;height:64px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;z-index:1;transition:background .45s,border-color .45s,transform .45s,box-shadow .45s}
.ab-node span{font:400 24px var(--heading);color:#9db58a;transition:color .45s}
.ab-card{grid-column:3;background:#fff;border:1px solid var(--line);padding:32px 34px;position:relative;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}
.ab-step:nth-child(odd) .ab-card{grid-column:1;grid-row:1}
.ab-icon{width:48px;height:48px;border-radius:12px;background:var(--sage);color:var(--accent-dark);display:grid;place-items:center;margin-bottom:16px}
.ab-icon svg{width:24px;height:24px}
.ab-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:6px}
.ab-card h3{font-size:28px;margin-bottom:12px}
.ab-card>p{color:var(--muted);font-size:17px}
.js .ablauf-b .ab-card{opacity:.25;transform:translateX(30px)}
.js .ablauf-b .ab-step:nth-child(odd) .ab-card{transform:translateX(-30px)}
.ablauf-b .ab-step.is-reached .ab-card{opacity:1!important;transform:none!important;box-shadow:0 18px 40px #1220190f}
.ablauf-b .ab-step.is-reached .ab-node{background:var(--green);border-color:var(--green);transform:scale(1.08);box-shadow:0 0 0 8px #a6ce8a33}
.ablauf-b .ab-step.is-reached .ab-node span{color:var(--accent)}
.ablauf-b .ab-step.is-current .ab-card{border-color:var(--accent)}

/* ===== Variante C: aufklappende Panels ===== */
.ablauf-c{background:var(--green);color:#fff}
.ablauf-c .eyebrow{color:#cfe2c0}.ablauf-c h2{color:#fff}.ablauf-c h2 em{color:var(--accent)}.ablauf-c .lead{color:#c9d6cc}
.ablauf-c .ablauf-cta{color:#c9d6cc}.ablauf-c .ablauf-cta span a{color:#fff}
.ablauf-c .button{background:var(--accent);border-color:var(--accent);color:#122019}.ablauf-c .button:hover{background:#fff;border-color:#fff}
.ac-row{display:flex;gap:12px;height:500px}
.ac-panel{position:relative;flex:1;min-width:0;overflow:hidden;background:#1a2f23;transition:flex-grow .7s cubic-bezier(.3,.7,.2,1);isolation:isolate}
.ac-panel:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0d1a12f2 10%,#0d1a12b8 55%,#0d1a1299);transition:background .6s}
.ac-panel.is-open{flex-grow:3.4}
.ac-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.06);transition:transform 1.2s cubic-bezier(.2,.7,.2,1);filter:saturate(.85)}
.ac-panel.is-open .ac-bg,.ac-panel:hover .ac-bg{transform:scale(1)}
.ac-panel.is-open:before{background:linear-gradient(90deg,#0d1a12f5 0%,#0d1a12d9 50%,#0d1a1266)}
.ac-head{position:absolute;inset:0;width:100%;background:none;border:0;color:#fff;text-align:left;cursor:pointer;padding:28px;display:flex;flex-direction:column;justify-content:space-between;z-index:2}
.ac-panel.is-open .ac-head{inset:auto 0 auto 0;height:auto;cursor:default;padding-bottom:0;flex-direction:row;align-items:center;gap:16px}
.ac-num{font:400 56px/1 var(--heading);color:var(--accent);transition:font-size .5s}
.ac-panel.is-open .ac-num{font-size:34px}
.ac-title{font-weight:600;font-size:18px;line-height:1.3}
.ac-panel.is-open .ac-title{display:none}
.ac-plus{position:absolute;right:24px;top:28px;width:34px;height:34px;border-radius:50%;border:1px solid #ffffff60;background:linear-gradient(#fff,#fff) center/12px 1.5px no-repeat,linear-gradient(#fff,#fff) center/1.5px 12px no-repeat;transition:transform .4s,opacity .3s}
.ac-panel.is-open .ac-plus{opacity:0}
.ac-panel:not(.is-open):hover:before{background:linear-gradient(0deg,#0d1a12e6 10%,#0d1a1280 60%,#0d1a1240)}
.ac-panel:not(.is-open):hover .ac-plus{transform:rotate(90deg)}
.ac-body{position:absolute;left:0;bottom:0;width:min(560px,100%);padding:36px 40px 40px;opacity:0;transform:translateY(20px);transition:opacity .35s,transform .35s;pointer-events:none}
.ac-panel.is-open .ac-body{opacity:1;transform:none;transition:opacity .6s .3s,transform .6s .3s;pointer-events:auto}
.ac-icon{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#122019;display:grid;place-items:center;margin-bottom:18px}
.ac-icon svg{width:26px;height:26px}
.ac-body h3{font-size:clamp(26px,2.4vw,34px);margin-bottom:12px;color:#fff}
.ac-body p{color:#d3dfd6;font-size:17px}
.ac-body ul li{color:#eef4ea}

@media(max-width:900px){
 .ablauf-head{grid-template-columns:1fr;gap:16px;margin-bottom:36px}.ablauf-head .lead{justify-self:start}
 .aa-grid{grid-template-columns:1fr}
 .aa-steps{grid-template-columns:repeat(4,1fr);gap:6px}
 .aa-steps button{grid-template-columns:1fr;padding:14px 12px;text-align:center}
 .aa-steps button:hover{transform:none}
 .aa-title{font-size:13px}.aa-bar{grid-column:1}
 .aa-panel{padding:36px 28px;min-height:0}
 .aa-big{font-size:200px}
 .ab-track{left:31px}
 .ab-step{grid-template-columns:64px 1fr;gap:18px;align-items:start}
 .ab-node{grid-column:1}
 .ab-card,.ab-step:nth-child(odd) .ab-card{grid-column:2;grid-row:1}
 .js .ablauf-b .ab-card,.js .ablauf-b .ab-step:nth-child(odd) .ab-card{transform:translateY(20px)}
 .ac-row{flex-direction:column;height:auto}
 .ac-panel{flex:none;min-height:92px;transition:min-height .6s}
 .ac-panel.is-open{min-height:520px}
 .ac-head{flex-direction:row;align-items:center;gap:16px;justify-content:flex-start;padding:22px}
 .ac-num{font-size:34px}
 .ac-plus{top:50%;margin-top:-17px}
 .ac-body{width:100%;padding:24px}
}
@media(max-width:600px){.aa-steps .aa-title{display:none}.aa-num{font-size:24px}.ab-card{padding:24px 22px}.ab-card h3{font-size:24px}.ac-panel.is-open{min-height:580px}}
@media(prefers-reduced-motion:reduce){.js .ablauf-b .ab-card{opacity:1;transform:none}.ac-panel,.aa-panel{transition:none}}
.ablauf-b{overflow-x:clip}
.page-hero.hero-about .cinema-photo{object-position:60% 58%}

/* ===== Runde 4: Hero mit durchlaufendem Bild ===== */
@media(min-width:801px){
 .home-hero.hb{grid-template-columns:1fr 1fr}
 .hb .hero-visual{grid-column:1/-1;grid-row:1}
 .hb .hero-copy{grid-column:1;grid-row:1;z-index:3;background:none}
 .hb .slide-img{object-position:72% 50%}
 .hb .slider-caption{left:calc(50% + 48px)}
}
.hb .hero-copy h1,.hb .hero-copy .lead{text-shadow:0 2px 24px #0b170f66}
/* 1 · Verlauf + Raster */
.hb1 .hero-slider:after{background:linear-gradient(90deg,#122019 0%,#122019f2 30%,#122019b0 48%,#12201930 68%,transparent 82%),linear-gradient(0deg,#0e1d15cc 0%,transparent 34%)}
.hb1 .hero-copy:after{background:linear-gradient(#a6ce8a1a 1px,transparent 1px),linear-gradient(90deg,#a6ce8a1a 1px,transparent 1px);background-size:76px 76px;opacity:1;-webkit-mask-image:linear-gradient(90deg,#000 35%,transparent 95%);mask-image:linear-gradient(90deg,#000 35%,transparent 95%)}
/* 2 · Kreise wie im Kontaktbereich */
.hb2 .hero-slider:after{background:linear-gradient(90deg,#1d3528f7 0%,#1d3528e0 36%,#1d352880 56%,#1d352814 76%,transparent 88%),linear-gradient(0deg,#0e1d15cc 0%,transparent 34%)}
.hb2 .hero-copy:after{inset:auto;left:-140px;bottom:-190px;width:480px;height:480px;border:1px solid #dce7ce2e;border-radius:50%;background:none;opacity:1;box-shadow:0 0 0 70px #dce7ce09,0 0 0 140px #dce7ce07,0 0 0 210px #dce7ce05}
.hb2 .hero-copy:before{content:'';position:absolute;z-index:-1;right:6%;top:-90px;width:230px;height:230px;border:1px solid #a6ce8a33;border-radius:50%;box-shadow:0 0 0 40px #a6ce8a08}
/* 3 · Schräge Kante mit Linien */
.hb3 .hero-slider:after{background:linear-gradient(0deg,#0e1d15cc 0%,transparent 34%)}
.hb3 .hero-slider:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(135deg,#a6ce8a12 0 1px,transparent 1px 26px),linear-gradient(90deg,#122019f2,#122019d9);clip-path:polygon(0 0,57% 0,47% 100%,0 100%)}
.hb3 .hero-copy:after{background:none}
/* 4 · Grüner Duoton + Haus-Linien */
.hb4 .hero-slider:after{background:linear-gradient(90deg,#122019 0%,#122019e8 28%,#12201999 46%,#12201920 66%,transparent 80%),linear-gradient(0deg,#0e1d15cc 0%,transparent 34%)}
.hb4 .hero-slider:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:#4c7a35;mix-blend-mode:color;-webkit-mask-image:linear-gradient(90deg,#000 25%,transparent 68%);mask-image:linear-gradient(90deg,#000 25%,transparent 68%)}
.hb4 .hero-copy:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='96' viewBox='0 0 120 96'%3E%3Cpath d='M10 70V40l20-18 20 18v30M60 70V34l25-22 25 22v36' fill='none' stroke='%23a6ce8a' stroke-opacity='.16' stroke-width='1.2'/%3E%3C/svg%3E") 0 0/120px 96px;opacity:1;-webkit-mask-image:linear-gradient(90deg,#000 30%,transparent 92%);mask-image:linear-gradient(90deg,#000 30%,transparent 92%)}
@media(max-width:800px){.hb3 .hero-slider:before{display:none}.hb .hero-slider:after{background:linear-gradient(0deg,#0e1d15d9 0%,#0e1d1566 26%,transparent 52%)}}
.hb .hero-copy{overflow:hidden}
/* Runde 5 */
.aa-left{display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.aa-left .ablauf-cta{margin-top:0;flex-direction:column;align-items:flex-start;gap:14px}
.page-hero h1.h1-2z{max-width:none;font-size:clamp(38px,4.4vw,68px)}
.h1-2z span,.h1-2z em{display:block;white-space:nowrap}
@media(max-width:700px){.h1-2z span,.h1-2z em{white-space:normal}}
.page-hero.hero-contact .cinema-photo{object-position:50% 55%}
.page-hero .button{background:var(--accent);border-color:var(--accent);color:#122019}.page-hero .button:hover{background:#fff;border-color:#fff;color:#122019}

.aa-bar i{transform:scaleX(0);will-change:transform}
.ablauf-a:not(.is-playing) .aa-bar{display:none}
.aa-steps button.is-active .aa-bar{height:3px;background:#d3dfc8}
/* Runde 6 */
.trust-strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.trust-strip p{display:block;line-height:1.35;margin:0}
.trust-strip small{display:block;font-size:14px;color:#dbe6ce;margin-top:3px}
.trust-strip span{font:600 20px/1.2 var(--sans);color:var(--accent)}
.trust-strip abbr{text-decoration:none;cursor:help}
.values-collage{padding:0}
@media(max-width:600px){.trust-strip .wrap{grid-template-columns:1fr;gap:14px}.trust-strip p:last-child{border-top:0;padding-top:0}.trust-strip span{font-size:18px}.values-collage{padding:0}}
.values-collage .motion-window{height:600px}
/* Runde 7: Handy-Feinschliff */
.page-hero .hero-location{left:max(48px,calc((100vw - 1280px)/2));right:auto}
@media(max-width:1150px){.page-hero .hero-location{left:28px}}
@media(max-width:900px){
 .aa-grid{display:flex;flex-direction:column;gap:18px}
 .aa-left{display:contents}
 .aa-steps{order:1;grid-template-columns:1fr;gap:8px}
 .aa-panels{order:2}
 .aa-left .ablauf-cta{order:3;margin-top:8px}
 .aa-steps button{grid-template-columns:44px 1fr;padding:14px 18px;text-align:left}
 .aa-steps .aa-title{display:block;font-size:16px}
 .aa-bar{grid-column:2}
 .aa-num{font-size:24px}
}
@media(max-width:800px){
 .header-inner{flex-wrap:wrap;gap:10px}
 .js .nav{order:4;flex-basis:100%}
 .header-cta{margin-left:auto}
}
@media(max-width:600px){
 .brand img,.site-header.is-scrolled .brand img{width:140px}
 .header-cta .cta-extra{display:none}
 .header-cta{padding:9px 12px}
 .nav-toggle{margin-right:-5px}
 .page-hero h1 br{display:none}
 .page-hero .hero-location{left:20px}
 .contact-direct a{font-size:23px}
 .ablauf-cta{flex-direction:column;align-items:flex-start;gap:12px}
}
@media(max-width:360px){.brand img,.site-header.is-scrolled .brand img{width:126px}.page-hero .hero-location{left:16px}}
/* SVG-Icons statt Unicode-Pfeile */
.i-ico{width:1em;height:1em;display:inline-block;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.card-arrow .i-ico{width:.75em;height:.75em}
.value-icon .i-ico{width:18px;height:18px}
.button .i-ico,.text-link .i-ico,.header-cta .i-ico{width:.95em;height:.95em}

/* Runde 8 · Karte: Desktop so hoch wie die Ortsliste, Handy als durchgehende Route */
@media(min-width:601px){
  .mapframe{display:flex;flex-direction:column}
  .mapframe .karte{flex:1 1 auto;height:auto;min-height:620px}
}
@media(max-width:600px){
  .route-list{display:block;margin:22px 0}
  .route-list:before{display:block;left:10px;top:21px;bottom:21px}
  .route-list button{padding:8px 10px 8px 30px;font-size:18px;gap:8px}
  .route-list button:before{left:6px;width:9px;height:9px}
  .route-list button:hover,.route-list button[aria-pressed=true]{padding-left:34px}
  .route-list em{display:inline;font-size:11px}
}
/* Handy: Beschriftung der kleineren Gemeinden ausblenden (Name per Antippen) */
@media(max-width:600px){.karte-ort-neben{display:none}}