/*
Theme Name: Hintermeier Architekten
Author: Hintermeier Architekten
Description: Schlankes, helles Theme für Hintermeier Architekten (2026).
Version: 1.0
Requires at least: 6.5
Text Domain: hintermeier
*/
:root{--hm-bg:#FAFAF8;--hm-sand:#F1EFEA;--hm-ink:#1E1E1C;--hm-muted:#5F5F5B;--hm-line:#E3E2DD;--hm-accent:#8C6E50}
body{background:var(--hm-bg);color:var(--hm-ink);-webkit-font-smoothing:antialiased}
a{color:var(--hm-ink)}a:hover{color:var(--hm-accent)}
.hm-wrap{max-width:1280px;margin:0 auto;padding-left:48px;padding-right:48px;box-sizing:border-box}
.hm-header{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;padding-top:32px;padding-bottom:32px}
.hm-logo{text-decoration:none;font-size:22px;letter-spacing:.02em;color:var(--hm-ink)}.hm-logo b{font-weight:600}.hm-logo span{font-weight:300}
.hm-nav{display:flex;flex-wrap:wrap;gap:28px;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.hm-nav a{text-decoration:none}
.hm-kicker{margin:0 0 14px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--hm-accent);font-weight:500}
.hm-h1{margin:0;font-weight:300;font-size:clamp(32px,4vw,44px);line-height:1.2}
.hm-h2{margin:0 0 32px;font-weight:300;font-size:clamp(26px,3vw,34px);line-height:1.25}
.hm-h3{margin:0 0 10px;font-weight:500;font-size:18px}
.hm-lead{margin:0;font-size:17px;line-height:1.7;color:var(--hm-muted)}
.hm-text p,.hm-text li{font-size:16px;line-height:1.75;color:var(--hm-muted)}
.hm-small{font-size:14px;color:var(--hm-muted)}
.hm-hero img{display:block;width:100%;height:clamp(320px,48vw,640px);object-fit:cover}
.hm-split{display:flex;flex-wrap:wrap;gap:48px;justify-content:space-between;padding:56px 0 96px}.hm-split>*{flex:1 1 380px}
.hm-band{background:var(--hm-sand)}
.hm-sec{padding-top:96px;padding-bottom:96px}
.hm-btn{display:inline-block;padding:14px 22px;border:1px solid var(--hm-ink);text-decoration:none;font-size:14px;letter-spacing:.06em}.hm-btn:hover{background:var(--hm-ink);color:var(--hm-bg)}
.hm-grid{display:grid;gap:32px;grid-template-columns:repeat(3,minmax(0,1fr))}.hm-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.hm-card{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.hm-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:var(--hm-sand)}.hm-grid-4 .hm-card img{aspect-ratio:1/1}
.hm-card .hm-meta{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--hm-accent)}
.hm-card .hm-title{margin:0;font-weight:400;font-size:19px}
.hm-cols{display:grid;gap:48px;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hm-line);padding-top:32px}.hm-cols.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-cols ul{margin:0;padding-left:18px}
.hm-photo img{display:block;width:100%;height:clamp(300px,42vw,600px);object-fit:cover}
.hm-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:32px 0;border-bottom:1px solid var(--hm-line)}.hm-facts p{margin:0}.hm-facts .v{font-size:22px;font-weight:300;margin-top:4px;color:var(--hm-ink)}
.hm-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;font-size:14px;margin:12px 0 0}.hm-dl dt{color:var(--hm-muted)}.hm-dl dd{margin:0}
.hm-offer{background:#fff;border:1px solid var(--hm-line);padding:40px;display:flex;flex-direction:column;gap:12px}.hm-offer .price{font-size:32px;font-weight:300;margin:0}
.hm-team img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.hm-footer{border-top:1px solid var(--hm-line);margin-top:48px;padding:40px 0 48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;font-size:15px;line-height:1.8}.hm-footer p{margin:0}.hm-footer .t{font-weight:500;margin-bottom:8px}
.hm-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}.hm-gallery img{display:block;width:100%;height:auto}
.hm-page{padding-bottom:96px}.hm-page .wp-block-post-content{max-width:820px;font-size:16px;line-height:1.75;color:var(--hm-muted)}.hm-page .wp-block-post-content strong,.hm-page .wp-block-post-content h2,.hm-page .wp-block-post-content h3{color:var(--hm-ink)}
.hm-filter{display:flex;flex-wrap:wrap;gap:20px;margin:0 0 32px;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.hm-filter a{text-decoration:none;color:var(--hm-muted)}.hm-filter a.on{color:var(--hm-ink);border-bottom:1px solid var(--hm-ink)}
@media (max-width:900px){.hm-grid,.hm-grid-4,.hm-cols,.hm-cols.two,.hm-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-footer{grid-template-columns:1fr}}
@media (max-width:600px){.hm-wrap{padding-left:20px;padding-right:20px}.hm-grid,.hm-grid-2,.hm-grid-4,.hm-cols,.hm-cols.two,.hm-facts,.hm-gallery{grid-template-columns:1fr}.hm-sec{padding-top:64px;padding-bottom:64px}}