/*
Theme Name: Stadtbegrüner
Theme URI: https://stadtbegrüner.de
Author: Fiegler & Zoter GbR
Description: Individuelles, datensparsames One-Page-Theme für Stadtbegrüner.
Version: 1.0.0
Text Domain: stadtbegruener
*/
@font-face{font-family:Geist;src:url(assets/geist.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#25302b;--green:#63a845;--paper:#f5f4ed;--line:#d7d9ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(100% - 48px,1240px);margin-inline:auto}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-size:18px;font-weight:780;letter-spacing:-.04em}.brand img{width:46px;height:46px}.site-nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.nav-cta{border-bottom:2px solid var(--green);padding-bottom:5px}.hero{position:relative;min-height:730px;padding:92px 0 66px;overflow:hidden}.hero-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow,.section-label{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:750}.funding-link{display:inline-flex;align-items:center;gap:18px;padding:11px 14px;border:1px solid var(--ink);font-size:12px;font-weight:720}.funding-link span,.button span{color:var(--green)}.hero h1{position:relative;z-index:1;margin:34px 0 60px;max-width:980px;font-size:clamp(64px,9vw,132px);line-height:.86;letter-spacing:-.075em;font-weight:710}.hero h1 em{color:var(--green);font-style:normal}.hero-bottom{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;max-width:780px}.hero-bottom p{margin:0;max-width:510px;font-size:20px;line-height:1.5;letter-spacing:-.02em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--ink);color:#fff;padding:18px 22px;min-width:205px;font-size:14px;font-weight:680;border:0;cursor:pointer}.hero-mark{position:absolute;right:-48px;bottom:5px;width:410px;opacity:.12;transform:rotate(6deg)}.hero-mark img{width:100%}.intro{border-top:1px solid var(--line);padding:92px 0 96px;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(70px,9vw,150px)}h2{margin:22px 0 0;font-size:clamp(48px,6vw,84px);line-height:.93;letter-spacing:-.065em}.intro-title h2{margin-top:0;font-size:clamp(64px,8vw,112px)}.intro-content>p{margin:4px 0 54px;max-width:610px;font-size:21px;line-height:1.52}.surface-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}.surface-list li{display:grid;grid-template-columns:66px 1fr;align-items:center;min-height:66px;border-bottom:1px solid var(--line);font-size:17px;font-weight:620}.surface-list span,.step>span,.gallery-item figcaption>span,.funding-meta>span{color:var(--green);font-size:24px;font-weight:780}.process{padding-top:112px}.process-heading{padding-bottom:64px}.process-heading h2{margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.step{padding:34px 28px 54px 0;min-height:380px}.step+.step{border-left:1px solid var(--line);padding-left:38px}.step h3{margin:76px 0 18px;font-size:27px;line-height:1.05;letter-spacing:-.045em}.step p,.funding-card p{margin:0;font-size:16px;line-height:1.58;color:#4e5853}.projects,.funding{padding:122px 0 30px}.projects-heading,.funding-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:62px}.projects-heading p,.funding-heading>p{margin:0 0 5px;max-width:440px;font-size:19px;line-height:1.55;color:#4e5853}.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.gallery-item{margin:0}.gallery-photo{height:410px;overflow:hidden;background:#dfe3d8}.gallery-item:first-child .gallery-photo{height:520px}.gallery-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78) contrast(.96)}.gallery-item figcaption{display:grid;grid-template-columns:54px 1fr;gap:8px;padding-top:17px}.gallery-item strong,.gallery-item small{display:block}.gallery-item small{margin-top:5px;color:#68716c;font-size:13px}.funding-list{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--ink)}.funding-card{display:flex;flex-direction:column;min-height:435px;padding:30px 32px 32px 0}.funding-card+.funding-card{border-left:1px solid var(--line);padding-left:32px}.funding-meta{display:flex;align-items:center;gap:20px}.funding-meta strong{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.funding-card h3{margin:46px 0 18px;font-size:28px;line-height:1.08;letter-spacing:-.04em}.funding-card small{display:block;margin:18px 0 26px;color:#68716c;font-size:12px;line-height:1.5}.funding-card>a{margin-top:auto;align-self:flex-start;border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:13px;font-weight:720}.funding-disclaimer{margin:18px 0 0;color:#68716c;font-size:11px}.contact{margin-top:110px;padding:74px;background:var(--green);color:#162118;display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(60px,8vw,130px)}.contact h2{margin-bottom:32px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:25px 22px}.form-field-wide{grid-column:1/-1}.form-field>label{display:block;margin-bottom:9px;font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.08em}.form-field input{width:100%;height:52px;padding:5px 0;background:transparent;border:0;border-bottom:1px solid rgba(22,33,24,.55);font:inherit;font-size:17px}.upload-button{height:58px!important;padding:0 18px;border:1px solid rgba(22,33,24,.55);display:flex!important;align-items:center;justify-content:space-between;cursor:pointer;text-transform:none!important}.upload-field>input{position:absolute;width:1px;height:1px;opacity:0}.upload-field>small{display:block;margin-top:9px;font-size:11px}.consent{display:grid;grid-template-columns:18px 1fr;gap:11px;font-size:12px;line-height:1.45}.consent input{width:16px;height:16px}.consent a{text-decoration:underline}.form-message{grid-column:1/-1;padding:13px 16px;background:#eef5e9;font-size:13px}.form-message.error{background:#f9e8e5}.site-footer{background:var(--ink);color:var(--paper)}.footer-inner{min-height:180px;display:grid;grid-template-columns:1fr auto auto;gap:54px;align-items:center}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:44px;filter:brightness(0) invert(1)}.footer-brand strong,.footer-brand small{display:block}.footer-brand small{margin-top:4px;color:#c8cdc7;font-size:12px}.footer-contact{display:grid;gap:7px;color:#d8dcd6;font-size:13px}.footer-legal{display:flex;gap:22px;font-size:13px}.footer-contact a,.footer-legal a{text-decoration:underline;text-underline-offset:4px}.legal-page{min-height:calc(100vh - 180px);padding:60px 0 110px}.legal-back{display:inline-block;margin-bottom:80px;border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:13px;font-weight:700}.legal-page h1{margin:28px 0 76px;font-size:clamp(64px,9vw,118px);line-height:.86;letter-spacing:-.075em}.legal-content{max-width:780px;margin-left:auto}.legal-content section{padding:30px 0;border-top:1px solid var(--line)}.legal-content h2{margin:0 0 18px;font-size:25px;line-height:1.15}.legal-content p{margin:0 0 14px;color:#4e5853;font-size:16px;line-height:1.7}.legal-content a{text-decoration:underline}.screen-reader{position:absolute;left:-9999px}
@media(max-width:760px){.shell{width:min(100% - 32px,1240px)}.site-header{height:84px}.brand span{font-size:15px}.brand img{width:38px}.site-nav a:not(.nav-cta){display:none}.hero{min-height:650px;padding-top:70px}.hero-bottom{display:block}.hero-bottom .button{margin-top:34px}.intro{grid-template-columns:1fr;gap:46px;padding-block:70px}.steps,.gallery,.funding-list,.contact,.footer-inner{grid-template-columns:1fr}.step{min-height:0;padding:28px 0 40px}.step+.step,.funding-card+.funding-card{border-left:0;border-top:1px solid var(--line);padding-left:0}.step h3{margin-top:38px}.projects-heading,.funding-heading{grid-template-columns:1fr;gap:28px}.gallery{gap:42px}.gallery-photo,.gallery-item:first-child .gallery-photo{height:390px}.funding-card{min-height:0;padding:28px 0 36px}.contact{width:100%;padding:58px 24px;gap:54px}.contact-form{grid-template-columns:1fr}.form-field,.form-field-wide{grid-column:1}.footer-inner{padding:42px 0;gap:28px}.legal-back{margin-bottom:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}