/*
Theme Name: Bersulin Hausverwaltung
Theme URI: https://bersulin.de/
Author: Bersulin / M365 Copilot
Description: Minimal-Theme im Mockup-Stil (Hero + 3 Karten + Trust-Bar) inkl. Sicherheits-Header und Kontaktseiten-Template.
Version: 1.1.0
Text Domain: bersulin
*/

:root{--blue-900:#1F3B66;--blue-700:#2E6FA3;--blue-050:#E7F1FA;--gray-900:#3A3A3A;--gray-050:#F3F5F7;--radius:14px}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--gray-900);background:#fff}
.container{max-width:1140px;margin:auto;padding:2rem 1rem}
.site-header .nav{display:flex;justify-content:space-between;align-items:center}
.site-header .nav a{margin-left:1rem;text-decoration:none;color:var(--blue-900);font-weight:600}
.site-header .nav .cta{background:var(--blue-700);color:#fff;padding:.5rem .9rem;border-radius:8px}
.hero{min-height:58vh;display:grid;place-items:center;text-align:center;background:linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.35)),url('assets/hero.jpg') center/cover no-repeat;padding:6rem 1rem 4rem;color:#fff}
.hero h1{font-size:clamp(28px,4.8vw,48px);margin:0 0 .3rem}
.hero .sub{font-size:clamp(18px,2.6vw,28px);margin:0}
.hero .sub2{margin:.75rem 0 1.5rem;opacity:.95}
.btn{display:inline-block;background:var(--blue-700);color:#fff;padding:.85rem 1.25rem;border-radius:10px;text-decoration:none;font-weight:700}
.btn:hover{filter:brightness(.95)}
.cards{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}
.card{background:var(--blue-050);border-radius:var(--radius);padding:1.25rem;box-shadow:0 6px 20px rgba(31,59,102,.09)}
.card h3{margin:.3rem 0 .5rem}
.trust{position:relative;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.35)),url('assets/hero.jpg') center/cover no-repeat}
.trust .trust-inner{position:relative;text-align:center;font-weight:700;font-size:1.1rem;padding:2rem 1rem}
footer{background:#0f2038;color:#dbe7f6}
.footer-flex{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
footer a{color:#dbe7f6;text-decoration:none;margin-right:1rem}
.contact-form{display:grid;gap:.75rem;max-width:680px}
.contact-form input, .contact-form textarea{width:100%;padding:.7rem;border:1px solid #d0d7e2;border-radius:8px}
.contact-form .consent{font-size:.9rem}
.alert{padding:.85rem 1rem;border-radius:8px;margin-bottom:1rem}
.alert-success{background:#e7f8ee;border:1px solid #a6e2bf;color:#185c37}
.alert-error{background:#fde8e8;border:1px solid #f5b5b5;color:#7a1f1f}
.honeypot{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}
@media (max-width:900px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cards{grid-template-columns:1fr}.hero{min-height:46vh;padding:4rem 1rem}}