:root{--color-primary:#064420;--color-on-primary:white;--color-surface:#F4EDED;--color-surface-variant:#E7E0E0}footer{background:url(/images/stephan-bechert-xQWelDCacZE-unsplash.png) no-repeat;background-position:50%;background-size:cover;position:relative;color:var(--color-on-primary);padding-top:50px;padding-bottom:50px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:calc(var(--spacing)*10)}footer:before{content:"";position:absolute;inset:0;background-color:var(--color-primary);opacity:.85}footer>*{position:relative;width:100%}footer .footer__main{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:0;flex-wrap:wrap}footer .footer__main>*{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0}footer .footer__main__contacts{flex:1.5 1}footer .footer__main__contacts address{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:calc(var(--spacing)*.5);font-style:normal}footer .footer__main__nav{flex:1 1}footer .footer__main__nav__el{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:calc(var(--spacing)*.5)}footer .footer__main__newsletter{flex:1.5 1}footer .footer__main__newsletter__form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:calc(var(--spacing)*2);width:100%}footer .footer__main__newsletter__form>*{width:100%}footer .footer__main__newsletter__form button{box-shadow:1px 1px 5px rgb(3.9324324324,44.5675675676,20.972972973)}@media(max-width:1024px){footer .footer__main__nav,footer .footer__main__newsletter{flex:1 1 50%}footer .footer__main__contacts{flex:1 1 100%;margin-bottom:calc(var(--spacing)*10)}}@media(max-width:600px){footer .footer__main{flex-direction:column;gap:calc(var(--spacing)*10)}footer .footer__main__contacts{margin-bottom:0}}footer .footer__bottom{justify-content:space-between}footer .footer__bottom,header{display:flex;flex-direction:row;align-items:center;gap:0}header{position:relative;height:70px;background-color:color-mix(in srgb,var(--color-surface),transparent 50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9;justify-content:center}header nav{width:-moz-fit-content;width:fit-content;padding:0;gap:calc(var(--spacing)*4)}header nav,header nav a{display:flex;flex-direction:row;justify-content:center;align-items:center}header nav a{color:var(--color-on-surface);font-weight:500;text-decoration:none;position:relative;gap:calc(var(--spacing)*2)}header nav a.nav__link--isActive{color:var(--color-primary);font-weight:600}header nav a span{display:inline-block;position:relative}header nav a.nav__link--isActive span:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background-color:var(--color-primary);border-radius:2px;transform:scale(0);transform-origin:left;animation:expandScale .2s ease-out forwards}@media screen and (max-width:768px){header nav{display:none}header nav.visible{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:calc(var(--spacing)*2);z-index:10;position:absolute;width:100%;top:100%;left:0;background-color:var(--color-surface);padding:15px var(--horizontal-pad);box-shadow:0 5px 5px rgba(0,0,0,.2)}header nav.visible>*{opacity:0;animation:slideInFromLeft .3s ease-out forwards}header nav.visible>:first-child{animation-delay:.1s}header nav.visible>:nth-child(2){animation-delay:.2s}header nav.visible>:nth-child(3){animation-delay:.3s}header nav.visible>:nth-child(4){animation-delay:.4s}header nav.visible>:nth-child(5){animation-delay:.5s}}header>div{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0}header img{width:clamp(120px,45vw,200px);height:auto;object-fit:contain}header .header__toggle-button{display:none}@media screen and (max-width:768px){header .header__toggle-button{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer}}.AppSection{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.AppSection>*{width:100%}