/*
Theme Name: AromaFüße
Theme URI: https://example.com/
Author: AromaFüße
Description: Schlichte Kontakt-Homepage für AromaFüße mit Original-Logo und Behandlungsraumfoto.
Version: 1.0
Text Domain: aromafuesse
*/
:root{--cream:#f7ede4;--green:#263d2c;--brown:#876044;--sage:#aeb39a;--line:#d8c8b8}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--green);font-family:Georgia,'Times New Roman',serif;letter-spacing:.035em}
.site-room{display:block;width:100%;height:clamp(260px,42vw,500px);object-fit:cover;object-position:center 58%;border-bottom:1px solid var(--line)}
.site-logo-wrap{padding:4px 8px 12px;text-align:center;border-bottom:1px solid var(--line)}
.site-logo{display:block;width:min(1180px,99vw);height:auto;max-height:390px;object-fit:contain;margin:0 auto}
main{width:min(980px,92%);margin:0 auto;padding:28px 0 64px}
.caption{text-align:center;color:var(--brown);font-style:italic;font-size:18px;margin:0 0 34px}
section{padding:28px 0;border-top:1px solid var(--line)}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--green);margin:0 0 20px;letter-spacing:.055em;text-align:center}
h1{font-size:clamp(27px,4vw,38px)}
h2{font-size:clamp(25px,3.4vw,32px)}
.services{max-width:760px;margin:auto}
.services ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 30px}
.services li{font-family:Georgia,'Times New Roman',serif;font-size:20px;letter-spacing:.045em;padding:0 0 10px;border-bottom:1px solid #e4d8cb}
.services li:before{content:"•";color:var(--brown);margin-right:12px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:760px;margin:0 auto}
.contact-block{padding:20px 22px;background:rgba(255,255,255,.18);border:1px solid var(--line)}
.label{display:block;color:var(--brown);font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-family:Georgia,'Times New Roman',serif}
.value{font-family:Georgia,'Times New Roman',serif;font-size:20px;letter-spacing:.035em;line-height:1.7}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.social{text-align:center;margin:28px 0 0;font-size:18px}
.site-footer{text-align:center;padding:0 20px 32px;color:var(--brown);font-size:14px}
@media(max-width:620px){
 .site-room{height:280px}
 .site-logo-wrap{padding:4px 4px 10px}
 .site-logo{width:99vw;max-height:300px}
 main{padding-top:22px}
 .services ul{grid-template-columns:1fr;gap:10px}
 .contact{grid-template-columns:1fr}
 .contact-block{padding:16px 18px}
}