@charset "utf-8";@import "../fonts/font-awesome/css/font-awesome.min.css";@import "animate.min.css";:root{--scale:1}html{font-size:calc(100%*var(--scale))}:root{  --primary:oklch(71% .19 127);  --primary-foreground:oklch(100% 0 0);  --background:oklch(100% 0 0);  --foreground:oklch(23.5% .015 65);  --border:oklch(92% .004 286.32);  --ring:oklch(62.3% .214 259.815);  --eco-green:oklch(71% .19 127);  --eco-green-dark:#57a53e;  --eco-error:oklch(48.545% 0.19922 29.223);  --black:oklch(23.5% .015 65);  --gray-100:#f5f5f7;  --gray-200:#e3e3e7;  --gray-600:#666a73;  --gray-800:#262833;  --white:oklch(100% 0 0);  --max-width:1120px;  --radius-lg:16px;  --radius-md:10px;  --shadow-soft:0 18px 45px rgba(0, 0, 0, 0.08);  --transition-fast:0.2s ease-out;  --text-small:0.9em;  --hero-small:0.95em;  --text-p:1.0em}*{  box-sizing:border-box}html, body{  margin:0;  padding:0;  font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;  color:var(--gray-800);  background:transparent;  scroll-behavior:smooth}body{  line-height:1.5}a,a:hover{  color:inherit;  text-decoration:none}img{  max-width:100%;  display:block}p{  font-size:var(--text-p);  margin-bottom:1.5rem}small{  font-size:var(--text-small); }.container{position:relative;margin:0 auto;display:block;box-sizing:border-box;width:var(--max-width);max-width:100%;overflow:hidden}@media(max-width:960px){.container{width:100%;max-width:100%;overflow:hidden}}header{  position:sticky;  top:0;  z-index:100;  backdrop-filter:blur(14px);  background:linear-gradient(to bottom, rgba(255,255,255,0.92), rgba(255,255,255,0.85));  border-bottom:1px solid rgba(0,0,0,0.04)}.infoblock{  background:var(--eco-green);  color:var(--primary-foreground);  }.info{  max-width:var(--max-width);  margin:0 auto;  padding:0.75em 1.25em;  display:flex;  align-items:center;  justify-content:flex-end;  gap:1.5em}.info a{  display:flex;  align-items:center;  justify-content:flex-start}.info a span{  margin:0 2px}.nav{position:relative;max-width:var(--max-width);margin:0 auto; padding:0.75em 1.25em;display:flex;align-items:center;justify-content:space-between;gap:1.5em}.logo{  position:relative}.logo img{  height:30px;  width:auto}.nav-links{display:flex;gap:1.25em}.nav-links a{  padding:0.25em 0;  position:relative;  font-size:0.95em}.nav-links a::after{  content:"";  position:absolute;  left:0;  bottom:-2px;  width:0;  height:2px;  background:var(--eco-green);  transition:width var(--transition-fast)}.nav-links a:hover::after{  width:100%}.mobile{position:absolute;top:5px; right:20px;width:40px;height:40px;padding:5px;background:var(--eco-green);color:#fff;cursor:pointer;display:none}@media(max-width:960px){.mobile{display:block}}.nav-cta{  display:flex;  gap:0.75em;  align-items:center}#privacy{ accent-color:var(--eco-green-dark); }.btn{  border-radius:999px;  padding:0.55em 1.3em;  border:1px solid transparent;  cursor:pointer;  display:inline-flex;  align-items:center;  gap:0.4em;  transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);  background:none}.btn-primary{  background:linear-gradient(135deg, var(--eco-green), var(--eco-green-dark));  color:var(--white);  box-shadow:0 12px 30px rgba(87,165,62,0.35)}.btn-primary:hover{  transform:translateY(-1px);  box-shadow:0 16px 40px rgba(87,165,62,0.45)}.btn-outline{  border-color:var(--gray-200);  color:var(--gray-800);  background:rgba(255,255,255,0.8)}.btn-outline:hover{  border-color:var(--eco-green);  color:var(--eco-green-dark);  box-shadow:0 10px 25px rgba(0,0,0,0.06)}main{position:relaitive;margin:0;padding:0}.section1,.section2,.section3,.section4{position:relative;display:flex;flex-wrap:nowrap;align-items:flex-start;align-content:center;justify-content:space-between;box-sizing:border-box;overflow:hidden;height:100%;height:100vh;min-height:100%;min-height:100vh;max-height:100%;max-height:100vh;margin-bottom:5px}.section1{background:url('/lib/images/bg/Belegfreigabe-next-level-eco-billflow.jpg') center right no-repeat; background-size:cover;background-attachment:fixed;min-height:calc(100vh - 90px);max-height:calc(100vh - 90px);height:calc(100vh - 90px)}.section2{background:url('/lib/images/bg/eco-hund.jpg') bottom center no-repeat;background-size:cover;background-attachment:scroll}.section3{background:url('/lib/images/bg/eco-cameleon.jpg') bottom center no-repeat;background-size:cover;background-attachment:fixed}.section4{background:url('/lib/images/bg/eco-schnecke.jpg') center no-repeat;background-size:cover;background-attachment:scroll;-webkit-animation:rocket 1s;animation:rocket 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;  }.more{position:absolute;bottom:50px;left:50%;z-index:2;width:60px;height:60px;margin-left:-30px;border-radius:30px;color:rgba(255,255,255,1);color:rgba(120,184,61,1);font-size:60px;line-height:60px;cursor:pointer;text-align:center;animation-name:pulse;animation-duration:3s;animation-iteration-count:9999;animation-timing-function:ease-out;transform:translate(-50%,-50%);-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}.more:visited,.more.active{color:rgba(120,184,61,1)}.more:hover{margin-top:-3px;color:rgba(0,0,0,1);font-size:65px;line-height:65px}.sbox_left{position:relative;height:200px;margin:auto auto auto 100px;width:390px;max-width:80%;color:rgba(255,255,255,1)}.tbox,.h1box{position:relative;min-height:300px;background:rgba(0,0,0,0.6); color:rgba(255,255,255,1);padding:15px;border-radius:3px 3px 30px 3px;box-shadow:rgba(0,0,0,0.9) 0px 0px 1px;font-size:18px;line-height:160%}.tbox h1,.tbox h2,.h1box h1{font-family:Raleway;font-size:32px;line-height:130%;margin:0 0 10px 0}.h1box{position:absolute;top:50%;left:100px;z-index:2;transform:translate(0, -50%);width:390px;max-width:80%;color:rgba(255,255,255,1);text-align:left}.h1box.right{position:absolute;top:50%;left:auto;right:100px;z-index:2;transform:translate(0, -50%);width:390px;max-width:80%;color:rgba(255,255,255,1);text-align:left;border-radius:3px 3px 3px 30px}@media(max-width:950px){.h1box{ left:50px;right:50px;width:auto}.tbox h2,.h1box h1{ text-align:center; }}.section1.ae.in-view .tbox,.section3.ae.in-view .tbox{animation:slideInLeft;animation-duration:2s}.section2.ae.in-view .tbox,.section4.ae.in-view .tbox{animation:slideInUp;animation-duration:2s}@media(max-width:950px){.section1,.section2,.section3,.section4{align-items:center}.sbox_left{height:100px;margin:0 auto;width:90%;max-width:90%}.tbox,.h1box{min-height:50px;border-radius:5px}.tbox p,.h1box p{display:none}}.intro_features{position:relative;display:block;height:calc(100vh - 200px);background:url('/lib/images/workflow-automatisierung-belege-freigabe.jpg') center no-repeat;background-attachment:fixed;background-size:cover}.intro_features .teaser{position:absolute;bottom:50px;right:50px;z-index:2;width:450px;height:auto;background:rgba(100,116,129,1);border-radius:15px;padding:15px}.intro_features .teaser h1{color:rgba(255,255,255,1)}.intro_features .teaser p{color:rgba(255,255,255,1);font-size:1.0em}.intro_features .teaser p strong{color:rgba(255,255,255,1);font-size:1.1em}@media(max-width:950px){.intro_features .teaser{bottom:50px;left:20px;right:20px;width:90%;text-align:center}.intro_features .teaser h1{font-size:1..3em}.intro_features .teaser p{display:none}}.features_row{position:relative;display:flex;align-items:flex-start;align-content:flex-start;justify-content:space-between;flex-wrap:wrap;padding:0;margin:0}.features_row .boxes{background:rgba(100,116,129,1);color:rgba(255,255,255,1);display:inline-block;width:350px;min-height:100px;border-radius:5px;padding:5px;margin:3px 0}.features_row .boxes p{color:rgba(255,255,255,1)}@media(max-width:950px){.features_row{flex-direction:column}.features_row .boxes{width:100%;margin:10px auto}}.boxes span{display:block;font-size:1.1em;font-weight:600}.intro_service{position:relative;display:block;height:calc(100vh - 200px);background:url('/lib/images/eco-Billflow-Support.jpg') center no-repeat;background-attachment:fixed;background-size:cover}.intro_service .teaser{position:absolute;bottom:50px;right:50px;z-index:2;width:450px;height:auto;background:rgba(63,74,102,0.9);border-radius:15px;padding:15px}.intro_service .teaser h1{color:rgba(255,255,255,1)}.intro_service .teaser p{color:rgba(255,255,255,1);font-size:1.0em}@media(max-width:950px){.intro_service .teaser{position:absolute;bottom:50px;left:10px;right:10px;width:90%;text-align:center}.intro_service .teaser h1{font-size:1.4em}.intro_service .teaser p{display:none}}.intro_service .teaser p strong{color:rgba(255,255,255,1);font-size:1.1em}.service_row{display:flex;align-items:stretch;align-content:center;justify-content:space-between}.service_box{width:350px;border:rgba(80,80,80,0.8) 1px solid;border-radius:15px;background:rgba(63,74,102,0.9);color:rgba(240,240,240,1);padding:15px}@media(max-width:950px){.service_row{flex-direction:column}.service_box{width:100%;margin:10px auto}}.service_box p{color:rgba(240,240,240,1)}.law_row{display:flex;align-items:flex-start;align-content:flex-start;justify-content:space-between}.law_box{display:inline-block;width:48%}.container{max-width:var(--max-width);margin:0 auto;padding:1.5em 1.25em 3em}section{position:relative;display:block;min-width:70vh;background:none}.hero{  display:grid;  grid-template-columns:minmax(0, 1.2fr) minmax(0, 1.1fr);  gap:2.5em;  align-items:center;  padding-top:2.5em}.hero-badge{  display:inline-flex;  align-items:center;  gap:0.5em;  padding:0.25em 0.7em;  border-radius:999px;  background:rgba(122,211,90,0.08);  color:var(--eco-green-dark);  font-size:0.78em;  margin-bottom:1em}.hero-badge span{  padding:0.1em 0.45em;  border-radius:999px;  background:var(--eco-green-dark);  color:var(--white);  font-weight:600}.hero-title{  font-size:clamp(2.1em, 4vw, 2.8em);  line-height:1.1;  margin:0 0 0.75em}.hero-title-highlight{  background:linear-gradient(120deg, var(--eco-green-dark), #1b7b3a);  -webkit-background-clip:text;  color:transparent}.hero-text{  color:var(--gray-600);  margin-bottom:1.5em}.hero-bullets{  display:grid;  grid-template-columns:repeat(2, minmax(0, 1fr));  gap:0.75em 1.5em;  margin-bottom:1.75em;  font-size:0.9em}.hero-bullet{  display:flex;  gap:0.5em;  align-items:flex-start}.hero-bullet-icon{  width:18px;  height:18px;  border-radius:999px;  background:rgba(122,211,90,0.18);  display:flex;  align-items:center;  justify-content:center;  font-size:0.7em;  color:var(--eco-green-dark);  flex-shrink:0}.hero-actions{  display:flex;  flex-wrap:wrap;  gap:0.75em;  align-items:center}.hero-note{  font-size:0.8em;  color:var(--gray-600)}.hero-visual{  position:relative}.hero-card{  background:var(--white);  border-radius:var(--radius-lg);  box-shadow:var(--shadow-soft);  padding:1.25em 1.4em;  position:relative;  overflow:hidden}.hero-card-header{  display:flex;  justify-content:space-between;  align-items:center;  margin-bottom:1em}.hero-card-title{  font-weight:600}.hero-card-tag{  font-size:0.75em;  padding:0.15em 0.55em;  border-radius:999px;  background:var(--gray-100);  color:var(--gray-600)}.hero-flow{  display:grid;  grid-template-columns:repeat(3, minmax(0, 1fr));  gap:0.75em;  font-size:0.8em}.hero-flow-step{  border-radius:var(--radius-md);  padding:0.7em 0.75em;  background:var(--gray-100);  position:relative}.hero-flow-step:nth-child(2){  background:rgba(122,211,90,0.08)}.hero-flow-step{  font-size:var(--hero-small); }.hero-flow-step span{  position:relative;  display:block;  margin:0 auto 10px auto;  text-transform:uppercase;  letter-spacing:0.12em;  color:var(--gray-600);  margin-bottom:0.25em}.hero-flow-step strong{  display:block;  font-weight:600;  margin-bottom:0.15em}.hero-flow-step small{  color:var(--gray-600)}.hero-flow-arrow{  position:absolute;  right:-10px;  top:50%;  transform:translateY(-50%);  color:var(--gray-200)}.hero-stats{  display:flex;  gap:1em;  margin-top:1em}.hero-stat{  flex:1;  border-radius:var(--radius-md);  background:rgba(255,255,255,0.9);  padding:0.6em 0.7em;  border:1px solid rgba(0,0,0,0.03)}.hero-stat span{  display:block;  color:var(--gray-600);  font-size:0.7em}.hero-stat small{  font-weight:500;  font-size:0.85em}.hero-floating{  position:absolute;  right:-10px;  bottom:-10px;  width:140px;  border-radius:18px;  background:linear-gradient(135deg, #1f2933, #020617);  color:var(--white);  padding:0.7em 0.8em;  font-size:0.75em;  box-shadow:0 18px 40px rgba(0,0,0,0.45)}.hero-floating-title{  font-size:0.7em;  text-transform:uppercase;  letter-spacing:0.12em;  opacity:0.7;  margin-bottom:0.2em}.hero-floating-main{  font-weight:600;  margin-bottom:0.15em}.hero-floating-sub{  opacity:0.8}.grid-2{  display:grid;  grid-template-columns:minmax(0, 1.1fr) minmax(0, 1.1fr);  gap:2em;  align-items:center}.card-soft{  background:var(--white);  border-radius:var(--radius-lg);  padding:1.5em;  box-shadow:var(--shadow-soft)}.tag-list{  display:flex;  flex-wrap:wrap;  gap:0.4em;  margin-top:1em}.tag{  font-size:0.75em;  padding:0.2em 0.6em;  border-radius:999px;  background:var(--gray-100);  color:var(--gray-600)}.image-mosaic{  display:grid;  grid-template-columns:1.2fr 1fr;  gap:0.75em}.image-mosaic-main{  border-radius:var(--radius-lg);  overflow:hidden;  position:relative;  min-height:210px;  background:linear-gradient(135deg, #0f172a, #020617);  color:var(--white);  padding:1.1em;  display:flex;  flex-direction:column;  justify-content:space-between}.image-mosaic-main h4{  margin:0 0 0.4em;  font-size:0.95em}.image-mosaic-main p{  margin:0;  font-size:0.8em;  opacity:0.85;  color:rgba(245,245,245,1)}.image-mosaic-main-rows{  margin-top:0.8em;  border-radius:10px;  background:rgba(15,23,42,0.85);  padding:0.6em 0.7em;  font-size:0.75em}.image-mosaic-main-row{  display:flex;  justify-content:space-between;  padding:0.25em 0;  border-bottom:1px dashed rgba(148,163,184,0.4)}.image-mosaic-main-row:last-child{  border-bottom:none}.image-mosaic-side{  display:grid;  grid-template-rows:1fr 1fr;  gap:0.75em}.image-mosaic-tile{  border-radius:var(--radius-lg);  overflow:hidden;  background:var(--gray-100);  position:relative;  padding:0.8em;  font-size:0.78em}.image-mosaic-tile-title{  font-weight:600;  margin-bottom:0.2em}.image-mosaic-tile-icon{  position:absolute;  right:0.7em;  bottom:0.7em;  font-size:1.4em;  opacity:0.12}.features-layout{  display:grid;  grid-template-columns:minmax(0, 1.1fr) minmax(0, 1.1fr);  gap:2em;  align-items:flex-start}.features-list{  border-radius:var(--radius-lg);  background:var(--white);  box-shadow:var(--shadow-soft);  padding:1.25em 1.4em}.feature-item{  border-radius:12px;  border:1px solid var(--gray-200);  margin-bottom:0.75em;  overflow:hidden;  background:var(--white)}.feature-header{  padding:0.7em 0.85em;  display:flex;  align-items:center;  justify-content:space-between;  cursor:pointer}.feature-header-main{  display:flex;  align-items:center;  gap:0.6em}.feature-icon{  width:26px;  height:26px;  border-radius:999px;  background:rgba(122,211,90,0.12);  display:flex;  align-items:center;  justify-content:center;  font-size:0.9em;  color:var(--eco-green-dark)}.feature-header-main strong{  font-size:0.9em;  font-weight:600}.feature-badge{  font-size:0.7em;  padding:0.1em 0.5em;  border-radius:999px;  background:var(--gray-100);  color:var(--gray-600)}.feature-toggle{  font-size:1.1em;  color:var(--gray-600);  transition:transform var(--transition-fast)}.feature-item.active .feature-toggle{  transform:rotate(90deg)}.feature-body{  max-height:0;  overflow:hidden;  padding:0 0.85em;  font-size:0.85em;  color:var(--gray-600);  transition:max-height 0.25s ease-out, padding-bottom 0.25s ease-out}.feature-item.active .feature-body{  padding-bottom:0.7em}.feature-body ul{  padding-left:1.1em;  margin:0.4em 0 0.2em}.feature-body li{  margin-bottom:0.25em}.features-highlight{  border-radius:var(--radius-lg);  padding:1.4em 1.5em;  background:linear-gradient(135deg, rgba(122,211,90,0.12), rgba(15,23,42,0.04));  border:1px solid rgba(122,211,90,0.35)}.features-highlight h3{  margin-top:0;  margin-bottom:0.4em;  font-size:1.05em}.features-highlight p{  margin:0 0 0.7em;  font-size:0.9em;  color:var(--gray-700)}.features-highlight-grid{  display:grid;  grid-template-columns:repeat(2, minmax(0, 1fr));  gap:0.75em;  margin-top:0.6em;  font-size:0.8em}.features-highlight-item{  padding:0.6em 0.7em;  border-radius:10px;  background:rgba(255,255,255,0.9);  border:1px solid rgba(0,0,0,0.03)}.features-highlight-label{  font-size:0.75em;  color:var(--gray-600)}.features-highlight-value{  font-weight:600}.steps{  display:grid;  grid-template-columns:repeat(3, minmax(0, 1fr));  gap:1em}.step{  border-radius:var(--radius-lg);  padding:1em 1em;  background:var(--white);  box-shadow:var(--shadow-soft)}.step-number{  width:26px;  height:26px;  border-radius:999px;  background:rgba(122,211,90,0.12);  color:var(--eco-green-dark);  display:flex;  align-items:center;  justify-content:center;  font-size:0.85em;  font-weight:600;  margin-bottom:0.4em}.step-title{  font-weight:600;  margin-bottom:0.25em}.step-text{  color:var(--gray-600)}.cta{  border-radius:var(--radius-lg);  padding:1.8em 1.6em;  background:radial-gradient(circle at top left, rgba(122,211,90,0.25) 0, rgba(122,211,90,0.08) 40%, #ffffff 100%);  border:1px solid rgba(122,211,90,0.35);  display:grid;  grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr);  gap:1.5em;  align-items:center}.cta-title{  margin:0 0 0.4em;  font-size:1.3em}.cta-text{  margin:0 0 0.8em;  font-size:0.9em;  color:var(--gray-700)}.cta-meta{  font-size:0.8em;  color:var(--gray-700)}.cta-form{  display:grid;  gap:0.6em;  font-size:0.85em}.field{  display:flex;  flex-direction:column;  gap:0.2em}.field label{  font-size:0.8em;  color:var(--gray-700)}.field input,.field textarea{  border-radius:999px;  border:1px solid var(--gray-200);  padding:0.5em 0.8em;  font-size:0.85em;  font-family:inherit;  outline:none;  transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);  background:rgba(255,255,255,0.9)}.field textarea{  border-radius:12px;  min-height:80px;  resize:vertical}.field input:focus,.field textarea:focus{  border-color:var(--eco-green);  box-shadow:0 0 0 1px rgba(122,211,90,0.35);  background:#ffffff}.mailloading,.mailsent,.mailerror{  display:flex;  flex-direction:column;  align-items:center;  justify-content:center;  width:350px;  min-height:150px;  border-radius:5px;  color:var(--primary-foreground);  text-align:center}.mailloading h4,.mailloading p,.mailsent h4,.mailsent p,.mailerror h4,.mailerror p{  color:var(--primary-foreground)}.mailsent h4,.mailerror h4{  margin:0 auto 10px auto}.mailsent p,.mailerror p{  margin:0 auto 10px auto}.mailloading{}.mailsent{  background:var(--eco-green);  }.mailerror{  background:var(--eco-error)}.impressum{  display:block;  }.impressum h2{  color:var(--eco-green)}.impressum strong{  display:block;  margin:0 auto 10x auto;  font-size:1.05em;  font-weight:600}@media (max-width:960px){.row_law{display:block}.box_law{width:100%}.hero,.grid-2,.features-layout,.steps,.row,footer .row,.cta{    grid-template-columns:minmax(0, 1fr)}.hero{    padding-top:1.5em}.hero-visual{order:-1}.nav-links{display:none}.nav-links.open{position:absolute;top:50px;right:0;z-index:999;width:100%;background:rgba(255,255,255,1);display:flex;flex-direction:column;padding:10px 20px}.nav-links.open a{display:block;width:100%;padding:5px 10px;text-align:center;border-bottom:rgba(80,80,80,0.5) 1px solid}.nav-links.open a:hover{color:#454}.nav-cta{margin-left:auto}}@media (max-width:720px){  .logo{    height:25px;    width:auto;  }  .nav-cta{    gap:0.25;    margin:0 0;    padding:0;  }  .nav-cta button{    padding-left:8px;    padding-right:8px;  }  .info{     display:flex;    align-content:center;    align-items:center;    justify-content:center;    text-align:center;  }  .info a.info1{display:none; }  main{    padding-inline:1em;  }  section{    padding:2.5em 0;  }  .hero-bullets{    grid-template-columns:minmax(0, 1fr);  }  .hero-card{    padding:1em 1.1em;  }  .hero-floating{    position:static;    margin-top:0.9em;    width:100%;  }  .features-highlight-grid{    grid-template-columns:minmax(0, 1fr);  }  .cta{    padding:1.4em 1.2em;  }}@media (max-width:480px){  .hero-title{    font-size:1.9em;  }  .hero-actions{    flex-direction:column;    align-items:stretch;  }  .btn,  .btn-outline{    justify-content:center;    width:100%;  }} #a11y-toggle{  position:fixed;   bottom:30px;   left:20px;   background:var(--primary-foreground);  color:var(--eco-green);      border:none;   padding:2px;   font-size:22px;   border-radius:50%;   cursor:pointer;   z-index:9999}#a11y-toggle i{  font-size:2.5em} .a11y-menu{  position:fixed;   bottom:30px;   left:20px;   background:var(--eco-green);  color:var(--primary-foreground);  border:rgba(80,80,80,0.6) 1px solid;   border-radius:5px;  padding:15px;   width:220px;   text-align:center;  display:none;   z-index:9999;  font-weight:400}.a11y-menu strong{  font-size:1.05em;  font-weight:400}#a11y-menu.open{   display:block}.a11y-group{   margin-bottom:12px}.a11y-btngrp{  display:flex;  justify-content:space-between;  align-items:center}.a11y-menu button,.a11y-menu .full{   margin-right:6px;   padding:10px 15px;   cursor:pointer;  min-width:45%;  background:var(--primary-foreground);  border-radius:5px}.a11y-menu .full{  display:block;  width:100%}.a11y-menu .full.close{  background:var(--eco-green);  color:var(--primary-foreground);  border:var(--primary-foreground) 1px solid}.a11y-menu button:hover,.a11y-menu .full.close:hover{  background:var(--eco-green-dark);  color:var(--primary-foreground)}body.bw-mode{   filter:grayscale(100%)} body.wide-font{  letter-spacing:0.06em}footer{position:relative;display:block;box-sizing:border-box;min-height:50%;min-height:50vh;margin-bottom:5px;background:rgba(0,0,0,1);color:rgba(158,158,158,1);padding:100px 10px 50px 10px;font-size:1.05em;max-width:100vw;overflow:hidden}.row{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr));gap:1em}footer .box{}footer h3{margin:0 auto 50px auto;text-align:center;color:rgba(188,188,188,1);font-size:1.4em}footer img{display:inline-block;margin:10px;height:70px;width:auto}footer strong{display:block;margin:0 0 2px 0;font-size:0.95em}footer .container a,footer container i{color:rgba(255,255,255,1);font-size:0.95em;line-height:1.3;margin-right:5px}footer .container a:hover{color:rgba(120,184,61,1)}.sm i{font-size:2.0em;margin-right:10px}@media(max-width:950px){footer{text-align:center;padding-top:10px;padding-bottom:10px}footer .col-sm-12.col-md-4{padding:20px 10px;border-bottom:rgba(255,255,255,1) 1px dotted}footer img,footer .container img{position:relative;margin:10px auto;display:block;max-width:70%;height:auto}}