
/* styles.css - CampAustria theme */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;600&family=Merriweather:wght@400;700&display=swap');
:root{--green:#2f8f4f;--dark:#13351a;--muted:#5b6b5b;--bg:#fbfdfb;}
*{box-sizing:border-box}body{font-family:'Source Sans 3',Arial, sans-serif;margin:0;background:var(--bg);color:#102018}
.container{max-width:1100px;margin:0 auto;padding:1rem}
header{background:linear-gradient(90deg,var(--green),#4fb072);color:#fff;padding:1rem 0}
nav ul{display:flex;gap:1rem;list-style:none;justify-content:center;padding:0;margin:0}
nav a{color:#fff;text-decoration:none;font-weight:600}
.hero{position:relative;overflow:hidden}
.hero img{width:100%;height:60vh;object-fit:cover;display:block}
.hero .overlay{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(0,0,0,0.15),rgba(0,0,0,0.35))}
.hero h1{font-family:'Merriweather',serif;font-size:2.4rem;margin:0;color:#fff}
.section{padding:3rem 0}
.section h2{text-align:center;color:var(--dark);font-family:'Merriweather',serif}
.lead{max-width:900px;margin:0 auto;text-align:center;color:var(--muted)}

/* grid */
.grid{display:grid;gap:1rem}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.grid.cols-2{grid-template-columns:repeat(2,1fr)}

/* cards */
.card{background:#fff;padding:1rem;border-radius:10px;box-shadow:0 6px 18px rgba(10,10,10,0.06);border:1px solid #eef6ee}
.card img{width:100%;border-radius:8px;display:block;margin-bottom:.75rem}

/* contact */
form.contact{max-width:700px;margin:0 auto;display:grid;gap:1rem}
input,textarea,select{padding:.8rem;border-radius:8px;border:1px solid #dfefe0;font-size:1rem}
button.btn{background:var(--dark);color:#fff;padding:.75rem 1rem;border:none;border-radius:8px;cursor:pointer}

/* footer */
footer{background:var(--dark);color:#fff;padding:2rem 0;text-align:center;margin-top:2rem}

/* responsive */
@media(max-width:900px){.grid.cols-3{grid-template-columns:repeat(2,1fr)}.hero img{height:40vh}}
@media(max-width:600px){.grid.cols-3{grid-template-columns:1fr}.grid.cols-2{grid-template-columns:1fr}header nav ul{flex-wrap:wrap}}
