.gallery{--paper:#f5f4ef;--ink:#21241e;--accent:#658039}.gallery-header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid #2222;font-size:12px}.gallery-header>a:first-child{font:800 19px/1 Bricolage;letter-spacing:-.06em}.gallery-header span{display:block;font:8px Mono;letter-spacing:.17em;margin-top:4px}.gallery-intro{padding:70px 5% 50px;max-width:1200px}.gallery-intro h1{font-size:clamp(48px,7vw,105px);margin:26px 0}.gallery-intro>p:last-child{max-width:62ch;font-size:15px;color:#66695e}.gallery-filters{margin:0 5% 25px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-block:1px solid #2223;padding:17px 0;font-size:12px}.gallery-filters button{border:1px solid #2223;padding:11px 17px;border-radius:30px}.gallery-filters button[aria-pressed=true]{background:#21241e;color:#f5f4ef}.gallery-filters>a{margin-left:auto;font-size:11px}.gallery-grid{padding:0 5%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.demo-card{display:block;background:var(--card-bg);color:var(--card-ink);overflow:hidden;border-radius:3px}.demo-card[hidden]{display:none}.card-visual{height:240px;overflow:hidden;position:relative}.card-visual img{height:100%;object-fit:cover;transition:transform .5s}.demo-card:hover .card-visual img{transform:scale(1.045)}.card-visual svg{height:100%;width:100%;padding:10px}.card-copy{padding:22px}.card-copy>p{display:flex;justify-content:space-between;gap:12px;font:9px Mono}.card-copy h2{font-size:clamp(28px,3vw,43px);letter-spacing:-.055em;margin:20px 0 30px}.card-copy>div{display:grid;gap:5px;font-size:10px;line-height:1.5;border-top:1px solid currentColor;padding-top:15px}.gallery-bar .card-visual img{object-position:center 62%}.gallery-bar h2,.gallery-immobilienmakler h2{font:300 40px Tight;letter-spacing:.08em}.gallery-pizzeria h2{font-family:Dela}.gallery-friseursalon h2,.gallery-personaldienstleister h2{font-family:Syne}.gallery-fahrzeugaufbereitung h2,.gallery-elektrobetrieb h2{font-family:Archivo}.gallery-note{font-size:12px;line-height:1.6;max-width:80ch;padding:0 5%;margin:45px 0 55px;color:#66695e}.gallery .demo-footer{margin-top:20px}@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-visual{height:250px}.gallery-filters>a{width:100%;margin:8px 0 0}}@media(max-width:550px){.gallery-header{padding:22px 24px}.gallery-header>a:first-child{font-size:16px}.gallery-header>a:last-child{font-size:10px}.gallery-intro{padding:45px 24px 30px}.gallery-intro h1{font-size:50px}.gallery-intro>p:last-child{font-size:13px}.gallery-filters{margin-inline:24px;gap:7px}.gallery-filters button{font-size:10px;padding:10px 13px}.gallery-grid{padding-inline:24px;grid-template-columns:1fr;gap:24px}.card-visual{height:270px}.card-copy h2{font-size:40px}.gallery-note{padding-inline:24px;font-size:11px}}
.gallery-friseursalon h2,.gallery-personaldienstleister h2{font-family:Archivo}.gallery-friseursalon .card-visual img{filter:grayscale(1)}.gallery-fahrzeugaufbereitung h2{font:300 42px Tight;letter-spacing:.04em}.gallery-arztpraxis h2,.gallery-restaurant h2,.gallery-bar h2{font:500 44px Cormorant;letter-spacing:-.04em}
@font-face{font-family:Cormorant;src:url(fonts/cormorant.woff2);font-weight:500;font-display:swap}