.site-header .main-nav{gap:20px}.site-header .wordmark img{height:auto;width:clamp(220px,22vw,310px)}
.site-header .header-row{gap:22px}.site-header .main-nav>a,.site-header .nav-link{white-space:nowrap;font-size:.84rem}
.site-header .dropdown{border-radius:6px;min-width:340px}.site-header .dropdown a{border-radius:4px}.site-header .dropdown-icon{border-radius:4px}
.site-header .dropdown a:hover,.site-header .dropdown a:focus-visible{animation:nav-glow .65s ease-out both}
@keyframes nav-glow{0%{box-shadow:0 0 0 transparent}35%{box-shadow:0 0 20px #42c81a66}100%{box-shadow:0 0 5px #42c81a22}}
.contact-page{padding:80px 0}.contact-page h1{max-width:900px}.contact-page .lede{max-width:760px}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}.contact-card{padding:38px;border:1px solid #5b8e4a44;border-radius:8px;background:#ffffffdf}.contact-card h2{font-size:clamp(26px,3vw,38px)}.contact-card--green{background:var(--marken-gruen);color:white}.contact-card--green h2{color:white}.contact-card--green p{color:#d3dcce}.contact-card .btn{margin-top:20px}.contact-details{display:flex;gap:36px}.contact-message{margin-top:24px}.contact-card p{line-height:1.7}
@media(max-width:1250px){.site-header .main-nav{display:none}.site-header .nav-toggle{display:flex}.site-header .header-row>.btn{margin-left:auto}.site-header .mobile-nav.is-open{display:flex;flex-direction:column;max-height:75vh;overflow:auto;padding:16px 28px}.site-header .mobile-nav a{padding:10px 0;text-decoration:none}.site-header .nav-group-label{color:var(--wachstums-gruen);margin:16px 0 4px}.site-header .mobile-nav .sub{padding-left:14px}}
@media(max-width:650px){.contact-options{grid-template-columns:1fr}.contact-card{padding:24px}.contact-page{padding:48px 0}.contact-details{flex-direction:column;gap:0}.site-header .wordmark img{width:220px}}
@media(prefers-reduced-motion:reduce){.site-header .dropdown a{animation:none!important;transition:none!important;transform:none!important}}

.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-message label{display:block;font-weight:600;margin-top:20px}.contact-message input,.contact-message textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #63835b;border-radius:4px;background:white;padding:14px;font:inherit;margin-top:8px}.contact-message input:focus,.contact-message textarea:focus{outline:2px solid var(--wachstums-gruen);outline-offset:2px}.contact-message label span{font-weight:400}.contact-card a{overflow-wrap:anywhere}.contact-details{flex-wrap:wrap}@media(max-width:650px){.contact-fields{grid-template-columns:1fr;gap:0}}

/* Compact contact action shared by desktop and mobile navigation. */
.site-header .header-row > a.btn,
.site-header .mobile-nav > a.btn {
  flex: 0 0 auto;
  width: auto;
  min-height: 44px;
  box-sizing: border-box;
  justify-content: center;
  gap: 14px;
  padding: 11px 17px;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 6px;
  background: #f5f8f2;
  color: var(--marken-gruen);
  white-space: nowrap;
  font-size: .82rem;
  line-height: 1.2;
  text-align: center;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.site-header .header-row > a.btn::after,
.site-header .mobile-nav > a.btn::after {
  content: '';
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3H4a1 1 0 0 0-1 1c0 9.4 7.6 17 17 17a1 1 0 0 0 1-1v-3l-5-2-2 2a14 14 0 0 1-7-7l2-2-2-5Z' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3H4a1 1 0 0 0-1 1c0 9.4 7.6 17 17 17a1 1 0 0 0 1-1v-3l-5-2-2 2a14 14 0 0 1-7-7l2-2-2-5Z' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.site-header .header-row > a.btn:hover,
.site-header .mobile-nav > a.btn:hover {
  background: var(--wachstums-gruen);
  border-color: var(--wachstums-gruen);
  box-shadow: 0 0 16px rgba(66,200,26,.2);
  transform: none;
}
.site-header a.btn:focus-visible {outline: 2px solid var(--wachstums-gruen);outline-offset: 4px;}
@media(min-width:1251px){.site-header .main-nav{gap:16px}.site-header .header-row{gap:18px}.site-header .wordmark img{width:clamp(220px,20vw,286px)}}
@media(prefers-reduced-motion:reduce){.site-header a.btn{transition:none!important}}

/* All collapsed-navigation widths share the same readable styling. */
@media(max-width:1250px){
 .site-header .mobile-nav{border-top:1px solid rgba(255,255,255,.12)}
 .site-header .mobile-nav a{color:#f2f6ee;font-size:.9rem;font-weight:500;line-height:1.45;border-bottom:1px solid rgba(255,255,255,.1);padding:12px 0}
 .site-header .mobile-nav a:hover,.site-header .mobile-nav a:focus-visible{color:var(--wachstums-gruen);outline-offset:3px}
 .site-header .mobile-nav .nav-group-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:20px 0 4px}
 .site-header .mobile-nav > a.btn{display:none}
}
@media(max-width:980px){
 .site-header .header-row > a.btn{display:inline-flex;font-size:.76rem;padding:10px 12px;gap:8px;min-height:40px}
 .site-header .header-row{gap:12px}
}
@media(max-width:540px){
 .site-header .wordmark img{width:150px}
 .site-header .header-row{gap:8px;padding-inline:16px}
 .site-header .header-row > a.btn{font-size:.67rem;padding:9px;gap:6px}
 .site-header .header-row > a.btn::after{width:13px;height:13px;flex-basis:13px}
}

/* Compact dropdown card for tablet and phone navigation. */
@media(max-width:1250px){
 .site-header .mobile-nav.is-open{position:absolute;top:calc(100% + 8px);right:16px;width:min(390px,calc(100vw - 32px));box-sizing:border-box;max-height:calc(100dvh - 100px);padding:12px;background:#d3dcce;border:1px solid #aec4a5;border-radius:6px;box-shadow:0 18px 44px #00180038;overscroll-behavior:contain;gap:2px}
 .site-header .mobile-nav .nav-group-label{color:#47653d;margin:10px 10px 3px;font-size:.64rem;letter-spacing:.12em}
 .site-header .mobile-nav a,.site-header .mobile-nav a.sub{display:flex;align-items:center;gap:11px;padding:8px;border:1px solid transparent;border-radius:4px;color:#052506;font-size:.82rem;font-weight:600;line-height:1.3;min-height:44px;box-sizing:border-box}
 .site-header .mobile-nav .dropdown-icon{width:30px;height:30px;flex:0 0 30px;border-radius:4px}
 .site-header .mobile-nav .dropdown-icon svg{width:17px;height:17px}
 .site-header .mobile-nav .mobile-chevron{margin-left:auto;color:#56724d;font-size:20px}
 .site-header .mobile-nav a:hover,.site-header .mobile-nav a:focus-visible{color:#052506;background:#e3ebdd;border-color:var(--wachstums-gruen);box-shadow:0 0 10px #42c81a22;outline:none}
 .site-header .mobile-nav a:hover .dropdown-icon{background:var(--wachstums-gruen);color:#052506}
}