/*
Theme Name: ImmoVistas Onepager
Theme URI: https://immovistas.de
Author: ImmoVistas
Description: Lightweight one-page theme for real estate photography (Bremen & Region).
Version: 1.0.0
Text Domain: immovistas-onepager
*/
:root { --bg:#ffffff; --card:#ffffff; --text:#111827; --muted:#4b5563; --accent:#0ea5e9; --border:#e5e7eb; }
html, body { margin:0; padding:0; background:var(--bg); color:var(--text); font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
.wrap { max-width:1100px; margin:0 auto; padding:24px; }
header { padding:24px 0 10px; display:flex; align-items:center; gap:18px; }
.hero-logo img { max-width:420px; height:auto; display:block; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap:16px; }
.card { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:18px; box-shadow:0 2px 12px rgba(0,0,0,.04); }
.pill { display:inline-block; background:rgba(14,165,233,.08); color:#0369a1; border:1px solid rgba(14,165,233,.25); padding:6px 10px; border-radius:999px; font-size:12px; }
h1 { margin:10px 0 12px; font-size:30px; color:#0f172a; }
h2 { margin:10px 0 12px; font-size:22px; color:#0f172a; }
h3 { margin:8px 0 6px; font-size:18px; color:#0f172a; }
ul { margin:8px 0 0 18px; } li { margin:6px 0; }
.price { font-weight:800; color:#0f172a; }
.accent { color:var(--accent); }
.hero { display:grid; grid-template-columns: 1.2fr .8fr; gap:22px; align-items:center; }
.hero .cta { display:flex; gap:12px; margin-top:12px; flex-wrap:wrap; }
.btn { background:var(--accent); color:#fff; border-radius:12px; padding:10px 14px; text-decoration:none; font-weight:700; display:inline-block; }
.btn.ghost { background:transparent; border:1px solid var(--accent); color:var(--accent); }
.muted { color:var(--muted); }
.two { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
@media (max-width: 900px){ .hero { grid-template-columns:1fr; } .two { grid-template-columns:1fr; } }
footer { margin: 40px 0 20px; color: var(--muted); }
input, select, textarea { width:100%; padding:10px 12px; border-radius:12px; border:1px solid var(--border); background:#ffffff; color:#111827; }
label { font-size:14px; color:var(--muted); }
.form { display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
.form .full { grid-column:1 / -1; }
.note { font-size:12px; color:var(--muted); }