@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap);*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{align-items:center;background-color:var(--primary-color);display:flex;height:12vh;justify-content:space-between;margin:0;position:-webkit-sticky;position:sticky;top:0;z-index:300}#ecocoreLogo{width:20vw}#ecocoreFensterLogo{height:7vh;padding-left:5px;padding-top:20px}#navLinksBtns{height:12vh}#navLinksBtns,.navLinks{align-items:center;display:flex}.navLinks{justify-content:space-between;width:100%}.navBtns{background-color:var(--dark-blue);border:none;color:var(--secondary-color);cursor:pointer;font-size:20px;margin:5px;padding:5px;transition:color .5s ease-in-out}.navBtns,.navBtns a{text-decoration:none}.navBtns a{color:var(--light-grey)}.navBtns:hover{color:var(--light-blue)}#bannerBtn{margin-left:20px;transition:background-color .5s ease-in-out}#bannerBtn:hover{background-color:var(--light-blue)}#navBtn{border-radius:50px;font-size:20px;height:40px;position:absolute;right:10px;top:-10px;visibility:hidden;width:40px}#navBtn:hover{background-color:var(--light-blue)}@media (max-width:1400px){.navBtns{font-size:15px}}@media (max-width:1200px){#navBtn{visibility:visible}.navLinks{display:none;flex-direction:column;height:100vh;justify-content:center;width:100%}.navLinks div{padding:30px}#navLinksBtns{display:flex;flex-direction:column;height:auto}header{height:-webkit-fit-content;height:fit-content;margin-bottom:50px;min-width:100vw;width:-webkit-fit-content;width:fit-content}.responsiveNav{display:flex}#ecocoreLogo{width:30vw}}#heroImage{animation:fadeIn 3s;display:inline-block;margin:0;min-height:100%;min-width:100vw;padding:0}#EcocoreLogoBanner{width:40vw}#heroDiv{background-color:var(--primary-color);height:80vh;overflow:hidden}#logoAndSlogan{animation:slide-right 2s;color:#fff;display:flex;flex-direction:column;left:0;margin:3vw;position:absolute;top:0}#slogan,.logoDivBig{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--primary-transparent);display:flex;height:-webkit-fit-content;height:fit-content;margin:.5vw;width:-webkit-fit-content;width:fit-content}#slogan p{color:var(--light-grey);font-family:"DM Serif Text",serif;font-size:3.5vw;font-style:italic;margin:0;padding:.25vw}.logoDivBig p{color:var(--lightText);font-size:5vw;font-weight:700;margin:0;padding:.25vw}@media (max-width:600px){#heroDiv{height:35vh}#heroImage{height:30vh}.logoDivBig p{font-size:24px}#slogan p{font-size:16px}#logoAndSlogan{margin:0;padding:5px}}#mainSection{position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slide-right{0%{margin-left:-100%}to{margin-left:3vw}}#ecocoreSection{display:flex;min-height:90vh}#firstImageSection,#wasIstEcocore{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50vw}.paragraph p{text-align:justify;width:40vw}#firstImage{transition:width .2s ease-in-out;width:35vw}#firstImage:hover{width:36vw}#logo1{left:-250px;position:absolute;transform:translateY(-50%)}@media (max-width:950px){#logo1{left:-150px;transform:translateY(-50%)}}@media (max-width:600px){#ecocoreSection{flex-direction:column;height:auto;width:100%}#firstImageSection,#wasIstEcocore{width:100vw}.paragraph p{width:90vw}#firstImage{transition:width .2s ease-in-out;width:75vw}#firstImage:hover{width:80vw}#logo1{left:-150px;transform:translateY(-200px)}}#hauptangeboteSection{align-items:center;flex-direction:column;min-height:90vh}#hauptangeboteDiv,#hauptangeboteSection{display:flex;justify-content:space-evenly}#hauptangeboteDiv{flex-wrap:wrap;width:100%}@media screen and (max-width:600px){#hauptangeboteSection{min-height:80vh}#hauptangeboteDiv{flex-wrap:wrap}}.iconImage{height:10vw}.iconDiv{Box-sizing:border-box;align-items:center;background-color:var(--light-grey);cursor:pointer;display:flex;flex-direction:column;height:15vw;justify-content:center;transition:box-shadow .2s ease-in-out;width:15vw}.iconDiv:hover{box-shadow:12px 12px 12px rgba(0,0,0,.218)}.iconDiv:active{background-color:var(--primary-transparent)}.iconDiv p{color:var(--darkText);font-size:1.3vw;font-weight:700;text-align:center}@media (max-width:950px){.iconDiv{height:20vw;width:20vw}}@media (max-width:768px){.iconImage{height:15vw}.iconDiv p{font-size:14px}.iconDiv{height:30vw;margin:2vw;width:30vw}}.image-gallery img{height:70vh}#imageGalleryHome{align-items:center;display:flex;justify-content:center;width:80%}#referenzenSection{align-items:center;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100vw}#logo2{position:absolute;right:0;transform:translateY(-15vw);z-index:-1}@media (max-width:950px){#imageGalleryHome{width:100%}}@media (max-width:600px){.image-gallery img{height:50vh}}.reference-slider img{height:50vh;margin:0 2vw}.reference-slider{animation:slide 25s linear infinite;-webkit-animation:slide 25s linear infinite;display:inline-block;width:-webkit-fit-content;width:fit-content}.references{margin:0;overflow:hidden;padding:5vw 0;position:relative;white-space:nowrap}.references:before{background-image:linear-gradient(270deg,#fff0,#fff);left:0}.references:after,.references:before{content:"";height:100%;position:absolute;top:0;width:40vw;z-index:999}.references:after{background-image:linear-gradient(90deg,#fff0,#fff);right:0}@media (max-width:600px){.reference-slider img{height:auto;width:60vw}}#heufigeFragenSection{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.fragenDiv{margin:5vw 0;width:70vw}.frageDiv h3{cursor:pointer}.frageUndAntwort{border-bottom:.15vw solid var(--darkText)}.arrowDown{cursor:pointer;height:3vw;width:3vw}.arrowDown:active{transform:translateY(.5vw)}.frageDiv{align-items:center;display:flex;justify-content:space-between;margin:1vw}.answerDiv li,.answerDiv p{margin:1vw;transition:1s}.themeDiv{margin-top:10%}#kundenMeinungSection{min-height:90vh;overflow:hidden}#banner2Image{min-height:90vh;min-width:100%}#kundenMeinungDiv{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--primary-transparent);color:var(--light-grey);font-size:1.8vw;left:15vw;position:absolute;transform:translateY(10vw);width:70vw;z-index:100}.star{height:4vw}#starDiv{margin-left:1vw;margin-top:1vw}#kundenMeinungName{font-style:italic;margin:1vw}#kundenMeinungText{margin:1vw}#sun3{left:-250px;position:absolute;transform:translateY(-250px);z-index:-1}@media (max-width:950px){#kundenMeinungDiv p{font-size:20px}#sun3{left:-150px;transform:translateY(-150px)}}@media (max-width:600px){#kundenMeinungDiv p{font-size:16px}#banner2Image,#kundenMeinungSection{margin:0;min-height:45vh;padding:0}#sun3{left:-150px;transform:translateY(-150px)}}.logo-slider img{height:10vh;margin:0 2vw}.logo-slider{animation:slide 25s linear infinite;-webkit-animation:slide 25s linear infinite;display:inline-block;width:-webkit-fit-content;width:fit-content}.logos{margin:0;overflow:hidden;padding:5vw 0;position:relative;white-space:nowrap}.logos:before{background-image:linear-gradient(270deg,#fff0,#fff);left:0}.logos:after,.logos:before{content:"";height:100%;position:absolute;top:0;width:35vw;z-index:200}.logos:after{background-image:linear-gradient(90deg,#fff0,#fff);right:0}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@media (max-width:600px){.logo-slider img{max-height:50px;max-width:35vw}}footer{align-items:center;background-color:var(--primary-color);color:var(--secondary-color);display:flex;height:10vh;justify-content:space-evenly}#EcocoreLogoFooter{width:10vw}#footerAdressClick{cursor:pointer}#footerAdress{align-items:center;display:flex;justify-content:space-around;width:80vw}#footerAdress p{font-size:14px}.logoDiv{align-items:center;cursor:pointer;display:flex;height:-webkit-fit-content;height:fit-content;margin:.5vw .5vw .5vw 3.25vw;width:15vw}.logoDiv p{color:var(--lightText);font-size:3vw;font-weight:700;margin:0;padding:.25vw}#footerContent{display:flex;justify-content:space-between}#footerSocialMedia{align-items:center;display:flex;justify-content:space-evenly;width:20vw}@media (max-width:768px){footer{height:25vh}#footerContent{align-items:center;flex-direction:column}#footerSocialMedia img{height:25px;width:25px}#EcocoreLogoFooter{height:5vh;width:auto}#footerAdress{flex-direction:column;margin:5px;width:-webkit-fit-content;width:fit-content}#footerAdress div{text-align:center;width:100vw}#footerAdress p{font-size:14px}#footerSocialMedia{margin:10px;width:35vw}.logoDiv p{font-size:25px}.logoDiv{justify-content:center;margin:0;padding:0;width:100%}}#PopUpBackground{background-color:rgba(0,0,0,.852);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}#PopUpBackground,#PopUpMainDiv{align-items:center;display:flex}#PopUpMainDiv{background-color:var(--dark-blue);flex-direction:column;height:70%;justify-content:space-evenly;width:60%}#PopUpLogo{width:60%}#PopUpBtns{display:flex;justify-content:space-evenly;width:80%}#PopUpBtns a{color:var(--ligth-grey);text-decoration:none}#ecoCorePageSection main{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style:disc}#ecoCorePageSection main img{width:25vw}#ecocorePageLogo{align-items:center;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:center;margin:.5vw;width:-webkit-fit-content;width:fit-content;width:100%}#ecocorePageLogo p{color:var(--lightText);font-size:5vw;font-weight:700;padding:.25vw}.kernkompetenz{align-items:center;display:flex;flex-wrap:wrap;height:90vh;justify-content:space-around;margin:10px 0}.kernTextDiv{flex-direction:column}.kernImgDiv,.kernTextDiv{display:flex;justify-content:center;padding:10px;width:45vw}.kernImgDiv{min-height:70%}.titleForPage{align-items:center;display:flex;flex-direction:column;margin-bottom:10px;text-align:center;width:80vw}.titleForPage p{margin:5px 0}#titleListKernkompetenzen{list-style:disc!important;margin:5px;text-align:left}#titleListKernkompetenzen li{margin:5px}.angebotePageDiv{align-items:center;display:flex;margin:20px 50px}@media (max-width:900px){.kernkompetenz{text-align:center}.angebotePageDiv,.kernkompetenz{flex-direction:column}.reverse-column{flex-direction:column-reverse}.kernImgDiv,.kernTextDiv{width:90vw}#ecoCorePageSection main img{width:30vw}}#angeboteMain{justify-content:center}#angeboteMain,#angeboteMain section{align-items:center;display:flex;flex-direction:column;margin:20px}#angeboteMain section{justify-content:space-evenly;width:80vw}#angeboteMain section h3,#angeboteMain section p{margin:20px}#angeboteProcessDiv{display:flex;flex-wrap:wrap;justify-content:center}.AngeboteProcess{align-items:center;background-image:linear-gradient(135deg,var(--green),var(--light-blue));-webkit-clip-path:polygon(75% 0,100% 50%,75% 100%,0 100%,25% 50%,0 0);clip-path:polygon(75% 0,100% 50%,75% 100%,0 100%,25% 50%,0 0);display:flex;height:100px;justify-content:center;margin-top:20px;width:300px}.AngeboteProcess p{color:#fff;font-size:20px;text-align:center}.angeboteImgs{height:30vh;margin:20px}.AngebotePointsSection{display:flex;justify-content:center}.AngebotePointsSection p{width:100%}.AngebotePointsSection ul{padding-left:20px;width:100%}.AngeboteSteps{align-items:center;background-image:linear-gradient(135deg,var(--green),var(--light-blue));-webkit-clip-path:polygon(91% 0,100% 50%,91% 99%,0 100%,10% 50%,0 0);clip-path:polygon(91% 0,100% 50%,91% 99%,0 100%,10% 50%,0 0);display:flex;height:80px;justify-content:center;padding:0 60px;width:auto}.AngeboteSteps h3{color:#fff}#kostenfrei{border-image:linear-gradient(45deg,var(--green),var(--light-blue)) 1;border-style:solid;border-width:5px;width:100%}@media (max-width:900px){.AngeboteProcess{height:80px;width:200px}.AngeboteProcess p{font-size:14px}.angeboteImgs{height:25vh}.AngeboteSteps{height:50px;padding:0 40px}.AngeboteSteps h3{font-size:14px}}@media (max-width:500px){.AngeboteProcess{height:50px;width:150px}.AngeboteProcess p,.AngeboteSteps h3{font-size:12px}}@media (max-width:375px){.AngeboteSteps h3{font-size:10px}.AngeboteProcess{height:40px;width:110px}.AngeboteProcess p{font-size:9px}.AngeboteSteps{height:40px;padding:0 20px}}#referenzenPageSection main{align-items:center;display:flex;flex-direction:column;justify-content:center}#referenzenPageSection h1{margin-top:20px}.carouselSection{align-items:center;display:flex;justify-content:center;margin:30px 0;width:100%}.carouselTxtDiv{display:flex;flex-direction:column;height:60vh;padding-left:20px;width:50vw}.reversed{flex-direction:row-reverse}@media screen and (max-width:950px){.carouselSection{flex-direction:column;flex-direction:column-reverse;margin:0}.carouselTxtDiv{height:auto;margin:20px;width:100%}#referenzenPageSection{height:auto}#referenzenPageSection h1{margin:20px}}.carouselBtn{cursor:pointer;height:20px;width:20px}.selectedBtn{background-color:var(--dark-blue)}.carouselDiv{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50vw}.carouselImg{height:60vh;max-width:50vw}.carouselBtnDiv{display:flex;justify-content:right;padding:20px;width:100%}@media screen and (max-width:950px){.carouselDiv{width:100%}.carouselImg{height:auto;max-width:90vw;width:75vw}}#FAQPageSection main{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px}#FAQPageSection li{margin-left:7%}#SonnenDachBtnFix{border-radius:50px;cursor:pointer;height:10vh;left:20px;padding:5px;position:fixed;top:100px;z-index:1000}#SonnenDachBtnFix:hover{background-color:var(--green)}@media screen and (max-width:950px){#SonnenDachBtnFix{left:0;top:0}}#SonnenDachMapBackground{align-items:center;background-color:rgba(0,0,0,.852);display:flex;height:88vh;justify-content:center;left:0;position:fixed;top:12vh;width:100%;z-index:250}@media screen and (max-width:950px){#SonnenDachMapBackground{height:100vh;top:0}}#kontaktPageSection main{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px}#kontaktPageSection input{width:30vw}#kontaktPageSection label{display:flex;justify-content:space-between;padding:5px}#sonstigeTextAndCheckbox{flex-direction:column;text-align:right}#kontaktPageSection label:hover{background-color:var(--primary-transparent)}#kontaktForm{display:flex;flex-direction:column;width:60vw}#kontaktForm button{width:200px}#kontaktForm h2{text-align:center;width:100%}#kontaktForm form{display:flex;flex-direction:column}#sonnendachCH{min-height:70vh;width:45vw}.pageSection{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;width:100%}#messageInput{height:50px}@media screen and (max-width:950px){#sonnendachCH{height:70vh;width:70vw}#kontaktForm{width:100%}}:root{--primary-color:#354664;--primary-transparent:#35466419;--secondary-color:#e7e7e7;--darkText:#354664;--lightText:#b0b0b0;--background-color:#fff;--dark-blue:#354664;--light-blue:#5888d0;--dark-grey:#b0b0b0;--light-grey:#e7e7e7;--orange:#e28325;--green:#569728}.eco{color:#569728;color:var(--green)}.core,.eco{font-size:larger;font-weight:700}.core{color:#b0b0b0;color:var(--dark-grey)}h1{font-family:Oxanium,sans-serif;font-size:36px;margin-bottom:10px}h1,h2,h3{color:#5888d0;color:var(--light-blue)}li,p{font-family:Funnel Sans,sans-serif;font-size:18px}button{background-color:#569728;background-color:var(--green);border:none;color:#fff;cursor:pointer;font-size:24px;margin:25px 10px;padding:10px;transition:background-color .2s ease-in-out}button:hover{background-color:#354664;background-color:var(--dark-blue)}input,textarea{border:2px solid #b0b0b0;border:2px solid var(--lightText);border-radius:10px;color:#354664;color:var(--dark-blue);cursor:pointer;height:30px;width:350px}textarea{height:50px}input:focus,textarea:focus{background-color:#a3aacd;border:2px solid #b0b0b0;border:2px solid var(--lightText);cursor:text}label{color:#354664;color:var(--dark-blue)}.icon{height:50px;width:50px}.backgroundSunIcon{width:500px}.backgroundSunIcon,.backgroundSunIconRight{height:500px;opacity:80%;z-index:-10}@media screen and (max-width:950px){h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}button,li,p{font-size:clamp(12px,2vw,18px)}.backgroundSunIcon{height:300px;width:300px}.backgroundSunIconRight{height:300px}}@media (max-width:600px){h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}button,li,p{font-size:12px}}
/*# sourceMappingURL=main.62270ca7.css.map*/