:root{--bg:#f4f8f2;--surface:#fff;--text:#243449;--muted:#5d6b7b;--primary:#235ea8;--green:#74b82e;--green-dark:#3f7d20;--border:rgba(36,52,73,.13);--shadow:0 18px 50px rgba(36,52,73,.14);--radius:24px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#fff 0%,#eef7ea 100%);line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--container),calc(100% - 2rem));margin:auto}.skip-link{position:absolute;left:-999px;top:0;background:#fff;color:var(--primary);padding:.8rem 1rem;z-index:999}.skip-link:focus{left:0}.topbar{background:#f8fbf6;border-bottom:1px solid var(--border);color:#35562a;font-weight:700}.topbar-inner{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar-links{display:flex;gap:1rem;flex-wrap:wrap}.topbar a{text-decoration:underline;text-underline-offset:.15em}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-logo{width:clamp(250px,32vw,430px);height:auto}.main-nav{display:flex;align-items:center;gap:1rem;font-weight:800}.menu-toggle{display:none;background:#fff;border:1px solid var(--border);border-radius:14px;padding:.75rem 1rem;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.9rem 1.2rem;border-radius:15px;font-weight:900;border:0;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),#1e75ce);color:#fff;box-shadow:0 14px 28px rgba(35,94,168,.25)}.btn-secondary{background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff;box-shadow:0 14px 28px rgba(116,184,46,.25)}.btn-ghost{background:#fff;border:1px solid var(--border);color:var(--primary)}.hero{padding:4.4rem 0;background:radial-gradient(circle at 20% 15%,rgba(116,184,46,.18),transparent 30%),linear-gradient(180deg,#fff,#f1f8ed)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}.eyebrow{margin:0 0 1rem;color:var(--green-dark);font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem}.hero h1{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.04;margin:0;letter-spacing:-.04em;max-width:12ch}.lead{font-size:1.18rem;color:#4c6176;max-width:58ch}.hero-actions,.content-actions{display:flex;gap:.8rem;flex-wrap:wrap}.hero-points{display:flex;gap:.75rem;flex-wrap:wrap;list-style:none;padding:0;margin:1.5rem 0 0}.hero-points li{background:#fff;border:1px solid var(--border);border-radius:999px;padding:.75rem 1rem;font-weight:800;box-shadow:0 10px 28px rgba(36,52,73,.08)}.hero-image-card,.photo-card,.gallery-card,.card,.form-card,.address-card,.contact-box,.trust-grid article{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.hero-image-card{position:relative}.hero-image-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.hero-image-card span,.photo-card figcaption{position:absolute;left:1rem;bottom:1rem;background:rgba(255,255,255,.95);border:1px solid var(--border);border-radius:999px;padding:.55rem 1rem;font-weight:900;color:var(--green-dark)}.trust-strip{padding:1.2rem 0 0}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.trust-grid article{padding:1.2rem}.trust-grid p{margin:.25rem 0 0;color:var(--muted)}.section{padding:5rem 0}.section-soft{background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(237,247,231,.8))}.section-heading{margin-bottom:2rem}.center{text-align:center}.narrow{max-width:760px;margin-inline:auto}.section-heading h2,.content-copy h2,.contact-copy h2{font-size:clamp(2rem,4vw,3rem);line-height:1.12;margin:0 0 .7rem;letter-spacing:-.03em}.section-heading p,.content-copy p,.contact-copy p{color:var(--muted)}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.card{padding:1.35rem}.icon{width:54px;height:54px;display:grid;place-items:center;background:rgba(116,184,46,.12);border-radius:16px;font-size:1.5rem;margin-bottom:1rem}.card h3{margin:.2rem 0 .5rem}.card p{color:var(--muted);margin:0}.highlight{background:linear-gradient(180deg,#fff,#f3fbef);border-color:rgba(116,184,46,.35)}.split-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}.media-stack{display:grid;gap:1rem}.photo-card{position:relative;margin:0}.photo-card img{width:100%;object-fit:cover;aspect-ratio:16/10}.small-photo{width:72%;justify-self:end;margin-top:-2rem}.small-photo img{aspect-ratio:4/3}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1rem}.gallery-card{margin:0}.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-card.wide img{aspect-ratio:16/10}.gallery-card figcaption{padding:1rem;font-weight:900;color:var(--green-dark)}.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:1.4rem}.contact-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin:1.25rem 0}.contact-box{padding:1rem}.contact-box span{color:var(--muted)}.contact-box strong{display:block}.address-card{padding:1.2rem}.form-card{padding:1.4rem}.contact-form{display:grid;gap:1rem}.contact-form label{font-weight:700}.contact-form input,.contact-form textarea{width:100%;margin-top:.4rem;min-height:48px;border-radius:14px;border:1px solid var(--border);padding:.9rem 1rem;font:inherit;background:#fbfdf9}.checkbox-row{display:flex;gap:.7rem;color:var(--muted);font-weight:600}.checkbox-row input{width:auto;min-height:auto}.checkbox-row a{text-decoration:underline;color:var(--primary)}.honeypot{position:absolute;left:-9999px;opacity:0}.form-submit{width:100%}.site-footer{background:#223547;color:#eaf4e5;padding:2rem 0 6rem}.footer-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:1.2rem}.footer-logo{width:230px;background:#fff;border-radius:14px;padding:.25rem}.site-footer a{text-decoration:underline;text-underline-offset:.15em}.sticky-mobile-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.97);border-top:1px solid var(--border);padding:.65rem;grid-template-columns:repeat(3,1fr);gap:.55rem}.sticky-mobile-bar a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;border-radius:14px;background:#eef6ea;font-weight:900;color:var(--green-dark)}.sticky-mobile-bar a:first-child{background:var(--primary);color:white}.sticky-mobile-bar a:nth-child(2){background:var(--green);color:white}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(35,94,168,.35);outline-offset:3px}@media(max-width:1080px){.cards-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.split-grid,.contact-grid,.gallery-grid,.trust-grid,.footer-grid{grid-template-columns:1fr 1fr}.gallery-card.wide{grid-column:span 2}.contact-boxes{grid-template-columns:1fr}}@media(max-width:820px){.topbar-inner{flex-direction:column;padding:.55rem 0}.menu-toggle{display:inline-flex}.main-nav{position:absolute;right:1rem;top:100%;min-width:min(320px,calc(100vw - 2rem));display:flex;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--border);border-radius:20px;padding:1rem;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-6px);transition:.18s}.main-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.hero-grid,.split-grid,.contact-grid,.gallery-grid,.trust-grid,.footer-grid{grid-template-columns:1fr}.gallery-card.wide{grid-column:auto}.small-photo{width:100%;margin-top:0}.brand-logo{width:min(260px,62vw)}.hero h1{max-width:none}.sticky-mobile-bar{display:grid}.site-footer{padding-bottom:6.5rem}}@media(max-width:620px){.container{width:min(var(--container),calc(100% - 1rem))}.hero,.section{padding:3.2rem 0}.cards-grid{grid-template-columns:1fr}.hero-actions,.content-actions{flex-direction:column}.hero-actions .btn,.content-actions .btn{width:100%}}


/* Kundenbewertungen */
.reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 2rem;
}

.review-card {
  background: #ffffff;
  border: 1px solid rgba(31, 91, 47, 0.14);
  border-radius: 1.25rem;
  padding: 1.5rem;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  text-align: left;
}

.review-card blockquote {
  margin: 0;
  color: #243447;
  line-height: 1.65;
  font-size: 1rem;
}

.stars {
  color: #5fac2f;
  letter-spacing: 0.08em;
  font-size: 1.1rem;
  margin-bottom: 0.85rem;
}

.review-author {
  margin: 1rem 0 0;
  font-weight: 800;
  color: #1f5b2f;
}

@media (max-width: 900px) {
  .reviews-grid {
    grid-template-columns: 1fr;
  }
}


.split-grid.reverse {
  align-items: center;
}

@media (min-width: 900px) {
  .split-grid.reverse .content-copy { order: 1; }
  .split-grid.reverse .media-stack { order: 2; }
}