@import "reset.min.css";

html { scroll-behavior:smooth; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:'Karla',sans-serif; background:#f3f4ef; color:#234034; line-height:1.65; font-size: 18px;}
img { max-width:100%; display:block; }
a { text-decoration:none; color:inherit; }

:root{
  --green:#0d6b3d;
  --green-dark:#00643f;
  --green-soft:#dfe9df;
  --green-light:#eaf2e7;
  --text:#264236;
  --muted:#6e7d73;
  --card:#ffffff;
  --accent:#95bf3c;
  --border:#dbe3da;
  --shadow:0 14px 30px rgba(0,0,0,0.08);
  --radius:18px;
}

.wrapper { width:1420px; max-width:calc(100% - 60px); margin:0 auto; }
h1, h2 {font-weight: 800;}
.topbar { background:#edf0ea; border-bottom:1px solid rgba(0,0,0,0.05);position: sticky;top: 0px;width: 100%;z-index: 999;}
.navbar { display:flex; align-items:center; justify-content:space-between; padding:18px 0; }
#logo { display:flex; align-items:center; }
#logo img {width: 125px;}
.nav-links { display:flex; align-items:center; gap:14px; }
.nav-links a { color:#5f7066; padding:10px 14px; border-radius:999px; transition:0.2s;background:#e6ece5;  }
.nav-links a:hover { background:#e6ece5; color:var(--green); }
.nav-links a.contact-btn { background:var(--green); color:#fff; font-weight:600; }
.nav-links a.contact-btn:hover { background:var(--green-dark); }

.hero-wrap { background:linear-gradient(90deg, #0b6a3d 0%, #157343 55%, #2b8d59 100%); }
.hero { display:grid; grid-template-columns:1.05fr 0.95fr; gap:60px; align-items:center; padding:72px 0 78px; min-height:470px; }
.hero-copy { color:#fff; }
.hero-badge { display:inline-block; font-size:12px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; color:#fff; background:rgba(183,209,77,0.18); border:1px solid rgba(183,209,77,0.35); padding:8px 14px; border-radius:999px; margin-bottom:22px; }
.hero h1 { font-size:55px; line-height:1.03; margin-bottom:25px;}
.hero p { color:rgba(255,255,255,0.86); font-size:18px; margin-bottom:30px; }
.hero-btn { display:inline-flex; align-items:center; gap:10px; background:var(--accent); color:#274120; padding:14px 22px; border-radius:12px; font-weight:700; box-shadow:0 10px 22px rgba(0,0,0,0.14); }
.hero-btn:hover { transform:translateY(-1px); }
.hero-btn span { font-size:18px; }

.hero-image { justify-self:end; width:100%; }
.hero-card-image { background:#fff; border-radius:22px; padding:10px; box-shadow:var(--shadow); }
.hero-card-image img { width:100%; object-fit:cover; border-radius:16px; }

.section { padding:90px 0; }
.section-light { background:#f5f6f2; }
.section-green { background:var(--green); color:#fff; }
.section-title { text-align:center; margin-bottom:55px; }
.section-title h2 {  font-size:45px; line-height:1.08;margin-bottom:20px; }
.section-title p { color:var(--muted);  }
.section-green .section-title p { color:rgba(255,255,255,0.75); }
.section-line { width:58px; height:4px; border-radius:999px; background:var(--accent); margin:18px auto 0; }

.cards-2 { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.info-card { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:28px; box-shadow:0 2px 0 rgba(0,0,0,0.02); }
.info-head { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.info-icon { width:30px; height:30px; border-radius:999px; background:#e7f1e6; color:var(--green); display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; flex:0 0 30px; }
.info-card h3 { font-size:28px; line-height:1.1; font-weight:700; color:var(--text); margin-bottom:20px; }
.info-card p { color:#5f7066;font-size: 16px; }

.realiseer-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:28px; }
.realiseer-card { background:rgba(255,255,255,0.08); border-radius:16px; overflow:hidden; }
.realiseer-card img { width:100%; aspect-ratio: 16/9; object-fit:cover; }
.realiseer-caption { padding:14px 16px;color:rgba(255,255,255,0.82); }

.bank-card { width:900px; max-width:100%; margin:0 auto; background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.08); border-radius:18px; padding:30px 38px; text-align:center; }
.bank-card p { color:rgba(255,255,255,0.90); }
.bank-divider { width:100%; height:1px; background:rgba(255,255,255,0.18); margin:22px 0; }
.bank-meta strong { display:block; font-size:20px; margin-top:6px; font-weight:700; }
.bank-meta small { display:block; color:rgba(255,255,255,0.62); margin-top:6px; }

.agenda-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }
.agenda-block  { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:28px; box-shadow:0 2px 0 rgba(0,0,0,0.02); }
.agenda-block h3 { font-size:28px; font-weight:700; margin-bottom:14px; color:var(--text); }
.agenda-block p { color:#708077; margin-bottom:18px; }
.agenda-list { list-style:none; display:grid; gap:12px;margin: 0; }
.agenda-list li { position:relative; padding-left:18px; color:#50635a; }
.agenda-list li:before { content:""; width:7px; height:7px; border-radius:999px; background:var(--accent); position:absolute; left:0; top:10px; }

.contact-section { background:#eaeee8; }
.contact-card { width:900px; max-width:100%; margin:0 auto; background:#fff; border:1px solid var(--border); border-radius:18px; padding:34px; box-shadow:0 10px 30px rgba(0,0,0,0.03); }
.form-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form-row { margin-bottom:16px; }
.form-row label { display:block; font-size:13px; font-weight:600; color:#5d6f65; margin-bottom:8px; }
.form-row input, .form-row textarea, .form-row select { width:100%; border:1px solid #d9dfd7; background:#f8faf7; border-radius:10px; padding:14px 14px; font-family:'Karla',sans-serif; font-size:14px; color:#294236; outline:none; }
.form-row textarea { min-height:120px; resize:vertical; }
.checkbox-group { margin:6px 0 20px; }
.checkbox-group > span { display:block; font-size:13px; font-weight:600; color:#5d6f65; margin-bottom:10px; }
.checkbox { display:flex; align-items:center; gap:10px; margin-bottom:8px; color:#5f7066; font-size:14px; }
.checkbox input { width:16px; height:16px; }
.submit-btn { width:100%; border:none; background:var(--green); color:#fff; padding:15px 18px; border-radius:10px; font-weight:700; font-size:15px; cursor:pointer; }
.submit-btn:hover { background:var(--green-dark); }
.direct-mail { text-align:center; margin-top:18px; font-size:14px; color:#6f8076; }
.direct-mail a { color:var(--green); font-weight:600; }

.footer { background:var(--green); color:rgba(255,255,255,0.86); }
.footer-inner { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; padding:22px 0; font-size:14px; }
.footer-logo { display:flex; align-items:center; gap:10px; font-weight:700; color:#fff; }
.footer-logo .logo-mark { width:36px; height:22px; }
.footer-center { text-align:center; }
.footer-right { text-align:right; color:rgba(255,255,255,0.72); }

.anchor-offset { scroll-margin-top:100px; }

/*FOOTER TOP
***********/
#sticky								{padding:30px 0px;color:#fff;background-color:var(--MAINCOLOR2);line-height: 28px;}
#footer								{display: flex;justify-content: space-between;}
#footer a 							{color:#fff;text-decoration:none;}
#fct 								{}
#fct ul 							{margin:0px;list-style-type:none;}
#fct ul li 							{display:inline-block;margin-right:3px;}
#fct ul li:last-child 				{margin-right:0px;}
#fct2 								{margin-left: auto;}
#fct a.tel 							{display:inline-block;}

/*FORMS
********/
.required 							{color: #CC0000;}
.field_heading 						{font-weight: bold;margin-bottom:30px;}
.field_row 							{display:flex;flex-direction: column;}
.field_title 						{flex:1;}
.field_input 						{flex:2;}
.field_checkbox 					{width:100%;margin-bottom:10px;}
.field_title2 						{width:100%;margin-bottom:10px;}
.field_input2 						{width:100%;margin-bottom:10px;}
input[type='checkbox'] 				{width:auto;}
input[type='radio'] 				{width:auto;}
.textarea							{width:100%;}


.email,.textfield,.textarea,select 	{color:#7c7c7c;background-color:#fff;border:1px solid #d8d8d8;width:100%;box-sizing: border-box;font-family:Karla, Arial;font-size:15px;}
.email,.textfield,.textarea,select 	{border-radius: 0;outline: none;padding:8px;margin-bottom:15px;}
.textarea 							{height:150px;}
.field_error						{border:solid 1px #c00;margin-bottom:0px;}

.checkbox_label 					{cursor: pointer;}
.radio_label 						{cursor: pointer;}
.nixhier 							{display:none;}
.submit								{background-color:var(--green-dark);color:var(--green-soft);border:none;padding:15px 30px;text-decoration:none;display:inline-block;margin-top:15px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;font-family:'Karla';border-radius: 20px;font-weight: 700;}
.shop_submit:hover,
.submit:hover,
.action:hover 	 					{background-color:var(--green-soft);outline:solid 1px var(--MAINCOLOR2);color: var(--green-dark)}
a.action:after 						{content:"\f105";font-family: "Font Awesome 7 Pro";padding-left:7px;}

.gdpr								{font-size:10px;line-height: normal;}

.editImgContainer 					{position:absolute;z-index:1000;display:flex;}
a.editImg,div.editImg 				{opacity:0;transition: opacity 0.1s ease-in-out;background-color:#336699;padding:10px;color:#fff;display:inline-block !important}
.editImgContainer:hover .editImg  	{opacity: 1;}
.imgPosi 							{width:105px;position:absolute;margin-top:30px;padding:0px 0px 10px 0px !important;}