@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap);*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}.App{display:flex;flex-direction:column;justify-content:center;position:relative;width:100vw}.contactbar{left:0;position:fixed;top:0;width:100%;z-index:5000}.contactbar .kontakt-header{background-color:rgba(35,31,32,.9);height:3rem}.contactbar .kontakt-header ul{align-items:center;color:#78b73a;display:flex;height:100%;justify-content:space-evenly;list-style:none}.contactbar .kontakt-header ul svg{align-self:center;margin:0 1rem;vertical-align:-.3em}@media only screen and (max-width:1450px){.contactbar .kontakt-header{background-color:#231f20;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.contactbar .kontakt-header ul{align-items:center;color:#78b73a;display:flex;flex-wrap:wrap;height:100%;justify-content:space-around;list-style:none}.contactbar .kontakt-header ul li{display:flex;flex-direction:column;justify-content:space-between;margin:.5rem 1rem}.contactbar .kontakt-header ul svg{align-self:center;margin:0 1rem;vertical-align:-.3em}}@media only screen and (max-width:700px){.contactbar .kontakt-header ul li{font-size:.8rem}}@media only screen and (max-width:320px){.contactbar .kontakt-header ul li{font-size:.6rem}}.header{background:linear-gradient(90deg,hsla(0,0%,100%,.5),rgba(0,0,0,.2)),url(/static/media/header.41b3cecea03a71ac54f3.gif) 110% no-repeat;background-size:contain;height:93vh;overflow:hidden;position:relative;width:100%}.greenbar{background:#78b73a;height:7vh;width:100%}@media only screen and (max-width:1450px){.header{background:linear-gradient(90deg,hsla(0,0%,100%,.5),rgba(120,183,58,.5))}}@media only screen and (max-width:600px){.header{background:linear-gradient(90deg,hsla(0,0%,100%,.5),rgba(120,183,58,.5));height:100vh}.greenbar{height:20vh}}.logo{align-items:center;display:flex;flex-direction:column;justify-content:center;left:10%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.logo img{width:80%}.logo h1{color:green;text-align:center}.logo h1 span{color:#78b73a;padding:.1rem}.logo .button{align-self:center;border:2px solid #78b73a;border-radius:10px;color:#78b73a;margin:1rem;padding:.7rem;text-align:center;width:80%}.logo .button .buttonText{font-size:1.4rem}@media only screen and (max-width:1450px){.logo{left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:70vh}}@media only screen and (max-width:700px){.logo{top:60%;width:100%}.logo .button .buttonText{font-size:1rem;padding:.4rem}}.dreieck{background:#78b73a;-webkit-clip-path:polygon(0 0,100% 44%,100% 0);clip-path:polygon(0 0,100% 44%,100% 0);height:20vh;opacity:.3;position:absolute;width:100%}.unten{bottom:0;-webkit-clip-path:polygon(0 46%,0 100%,100% 100%);clip-path:polygon(0 46%,0 100%,100% 100%);height:20vh}.vorstellung{align-items:center!important;gap:5rem;height:100%;justify-content:center!important;margin-top:2rem;min-height:1000px;text-align:center}.vorstellung,.vorstellung .absatz{display:flex;flex-direction:column}.vorstellung .absatz{align-self:center!important;font-size:1.4rem;justify-content:center}.vorstellung .absatz img{align-self:center}.vorstellung .absatz p{align-self:center;color:#707070;display:inline;font-size:1.4rem;margin:.25rem;max-width:700px;opacity:.5;text-align:center}@media only screen and (max-width:700px){.vorstellung .absatz{flex-direction:column;justify-content:center}.vorstellung .absatz img{margin-right:0}.vorstellung .absatz p{font-size:1.5rem;margin-top:1rem;text-align:center}}.kontakt{background-color:#78b73a;background-size:cover;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2rem}.kontakt,.kontakt .kontakt_feld{display:flex;flex-direction:column;justify-content:center;width:100%}.kontakt .kontakt_feld{align-self:center;background-color:hsla(0,0%,95%,.9);border:1px solid #78b73a;margin:.3rem;max-width:1300px}.kontakt .kontakt_feld h1{color:#78b73a;padding:1rem;text-align:center;width:100%}.kontakt .kontakt_feld .row{align-self:center;display:flex;flex-direction:row;height:80%;justify-content:flex-start;width:80%}.kontakt .kontakt_feld .row .spalte1{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:1rem;width:100%}.kontakt .kontakt_feld .row .spalte1 .info{align-self:flex-start;display:flex;flex-direction:row;justify-content:center;margin:1rem 0}.kontakt .kontakt_feld .row .spalte1 .info img{height:40px}.kontakt .kontakt_feld .row .spalte1 .info .text{margin-left:1rem}.kontakt .kontakt_feld .row .spalte1 .info .text .ueberschrift{color:#78b73a;font-size:1.5rem}.kontakt .kontakt_feld .row .spalte1 .info .text .information{color:#78b73a;font-size:1rem}.kontakt hr{align-self:center;color:#fff;margin:1rem;width:80%}.kontakt .footertext{align-items:flex-start;align-self:center;background-color:hsla(0,0%,95%,.9);color:#707070;display:flex;flex-direction:row;justify-content:space-evenly;max-width:1300px;padding-bottom:2rem;padding-top:2rem;width:100%}.kontakt .footertext details{transition:.5s ease-in-out;width:30%}.kontakt .footertext summary{color:#fff;cursor:pointer;display:block;outline:none;padding:1rem 1rem 1rem 2.2rem;position:relative;width:40%}.kontakt .footertext details{background:rgba(120,183,58,.9);box-sizing:border-box;color:#fff;margin-top:5px}.kontakt .footertext details p{line-height:1.4rem;margin-top:.2rem}.kontakt .footertext .inhalt{padding:1rem}.kontakt .footertext details summary::-webkit-details-marker{display:none;width:100%}.kontakt .footertext details[open]>summary:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.kontakt .footertext summary:before{border:.4rem solid transparent;border-left-color:#fff;content:"";left:1rem;position:absolute;top:1.3rem;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:.2rem 50%;transform-origin:.2rem 50%;transition:transform .25s ease}.kontakt .copy{color:#fff;margin:2rem;text-align:center}@media only screen and (max-width:800px){.kontakt{padding:3rem 0}.kontakt .kontakt_feld .row .spalte1{justify-content:flex-start;margin:.2rem}.footertext{align-items:center!important;flex-direction:column!important;width:100%}.footertext details,.footertext details summary{width:100%!important}}.dreieckmitlogo{margin-bottom:5rem;position:relative}.dreieckmitlogo .fläche{background:#78b73a;-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0);height:22vh;opacity:.5}.dreieckmitlogo img{height:60%;left:2rem;position:absolute;top:2rem}@media only screen and (max-width:700px){.dreieckmitlogo{height:50vh;position:relative}.dreieckmitlogo .fläche{-webkit-clip-path:none;clip-path:none;height:50vh}.dreieckmitlogo img{height:28vh;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.suche{display:flex;flex-direction:row;justify-content:center;margin-top:-5rem}.suche .suchbutton{background:#78b73a;border:none;border-bottom-left-radius:20%;border-top-left-radius:20%;color:#fff;width:4rem}.suche .sucheingabe{border:1px solid #78b73a;color:#707070;font-size:x-large;padding:1rem;width:60%}@media only screen and (max-width:750px){.suche{margin-top:0;width:100%}.suche .suchbutton{height:3rem;width:3rem}.suche .sucheingabe{font-size:1.2rem;padding:.3rem;width:80%}}.kategorien{align-self:center;flex-direction:row;margin-top:2rem;overflow-x:scroll;overflow-y:scroll;padding:1rem;width:calc(60% + 4rem)}.kategorien,.kategorien .kategorie{display:flex;justify-content:center}.kategorien .kategorie{align-items:center;flex-direction:column;text-decoration:none}.kategorien .kategorie .kreis{border:1px solid #78b73a;border-radius:100vw;height:10vw;margin:0 1rem;position:relative;width:10vw}.kategorien .kategorie p{color:#78b73a;margin:1rem}@media only screen and (max-width:1200px){.kategorien{justify-content:center;width:100%}.kategorien .kategorie .kreis{height:7rem;min-width:7rem}}@media only screen and (max-width:700px){.kategorien{justify-content:center;width:100%}.kategorien .kategorie .kreis{height:6rem;min-width:6rem}}.kategorievorschau{align-items:center;align-self:center;display:flex;flex-direction:column;justify-content:flex-start;justify-items:center;justify-self:center;position:relative;width:100%}.kategorievorschau .vorschau{display:flex;flex-direction:column;justify-content:center;overflow-y:scroll;width:100%}.kategorievorschau .vorschau .aufbau{background:#78b73a;padding:2rem;width:100%}.kategorievorschau .vorschau .aufbau h1{color:#fff;font-size:3rem}.kategorievorschau .vorschau .aufbau p{color:#fff}.kategorievorschau .vorschau h1{align-self:center;color:#78b73a;font-weight:700;margin-bottom:1rem;padding:1rem;text-align:center}.kategorievorschau .vorschau h3{color:#fff;text-align:center}.kategorievorschau .vorschau h2{align-self:center;color:#78b73a;padding:1rem;text-align:center}.kategorievorschau .vorschau p{align-self:center;color:#707070;text-align:center}.kategorievorschau .vorschau .dreieck_links{-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0);left:0}.kategorievorschau .vorschau .dreieck_links,.kategorievorschau .vorschau .dreieck_rechts{background:#78b73a;display:none;height:200px;max-width:500px;opacity:.2;position:absolute;width:100%;z-index:-1}.kategorievorschau .vorschau .dreieck_rechts{-webkit-clip-path:polygon(0 0,100% 100%,100% 0);clip-path:polygon(0 0,100% 100%,100% 0);right:0}.kategorievorschau .vorschau .produktreihe{align-self:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0;max-width:1300px;overflow:scroll;width:100%}@media only screen and (max-width:750px){.kategorievorschau .parallelogramm{display:none}.kategorievorschau .vorschau .dreieck_links,.kategorievorschau .vorschau .dreieck_rechts{display:block}.kategorievorschau .vorschau .produktreihe{display:flex;flex-direction:row;justify-content:center;margin:1rem 0;overflow:scroll;position:relative;width:100%}}.navigation{position:absolute;z-index:200}.navigation .navbutton{background:transparent;border:1px solid #78b73a;border-radius:100%;height:4rem;padding:1rem;position:fixed;right:1.5rem;top:10vh;width:4rem}.navigation .navbutton svg{border-color:#78b73a;height:100%;width:100%}.navigation .navbutton:active{-webkit-transform:translate(1px,3px);transform:translate(1px,3px)}.navigation .navbutton2{background:transparent;border:1px solid #78b73a;border-radius:100%;height:4rem;padding:1rem;position:absolute;right:1.5rem;top:10vh;width:4rem}.navigation .navbutton2 svg{border-color:#78b73a;height:100%;width:100%}.navigation .navbutton2:active{-webkit-transform:translate(1px,3px);transform:translate(1px,3px)}.navigation .navcontainer{background:#fff;height:100vh;max-width:400px;overflow:hidden;position:fixed;right:-100%;top:0;transition:.8s;width:50vw}.navigation .navcontainer ul{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.navigation .navcontainer ul li{align-self:center;list-style:none;margin:1rem 0;padding:.7rem;position:relative;width:100%}.navigation .navcontainer ul li:after{align-self:center;background:#78b73a;color:#78b73a;content:"";height:30px;left:50%;margin:1rem 0;opacity:.5;padding:.7rem;position:absolute;text-align:center;top:-23px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%;z-index:-2}.navigation .navcontainer ul li a{color:#707070;left:0;position:absolute;text-align:center;text-decoration:none;top:50%;width:100%}.show{position:fixed;right:0!important}@-webkit-keyframes navigationHover{20%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}50%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes navigationHover{20%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}50%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media only screen and (max-width:600px){.navigation .navcontainer{max-width:100%;width:100%}.navigation .navbutton,.navigation .navbutton2{height:3rem;padding:.7rem;top:15vh;width:3rem}}.produkt{display:flex;flex-direction:column;height:300px;justify-content:center;margin-right:1rem;width:300px}.produkt .produktname{font-size:1.1rem;margin:1rem;text-align:center}.produkt .produktbild{border:1px solid #78b73a;height:300px;width:300px}@media only screen and (max-width:750px){.produkt{display:flex;flex-direction:column;height:300px;justify-content:center;margin-right:1rem;width:150px}.produkt .produktname{font-size:1.1rem;margin:1rem;text-align:center}.produkt .produktbild{border:1px solid #78b73a;height:300px;width:150px}}.formPersoen{align-items:center;-webkit-animation:formAnimationOpen .3s ease-in-out;animation:formAnimationOpen .3s ease-in-out;background:hsla(0,0%,100%,.2);display:none;flex-direction:column;justify-content:flex-start;max-width:1000px;padding:5rem;width:100%}.formPersoen .row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;width:100%}.formPersoen .row .feld{display:flex;flex-direction:column;justify-content:center;margin:.5rem 0;text-align:start}.formPersoen .row .feld input[type=text],.formPersoen .row .feld select{background:hsla(0,0%,100%,.2);background-size:5px 5px,5px 5px,1.5em 1.5em;border:1px solid #8b7742;border-radius:1px;color:#000;font-size:1.3rem;height:3rem;margin-right:1rem;padding:0 1rem}.formPersoen .row .feld label{color:#8b7742;font-size:1.3rem;margin:.5rem 1rem .5rem 0}.formPersoen .datenschutz{display:flex;flex-direction:row;justify-content:flex-end;width:80%}.formPersoen .datenschutz label{font-size:1.2rem;margin:1rem}.formPersoen .datenschutz input[type=checkbox]{align-self:center;height:2rem;justify-self:flex-start}.formPersoen .datenschutz input[type=checkbox]>div{height:500px}.kontaktfeld{align-items:center;background-size:cover;background:#78b73a;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center;width:100%}.kontaktfeld h1{font-size:3rem;margin-top:1rem}.kontaktfeld h2{font-size:2rem;font-weight:400;margin-bottom:2rem;margin-top:1rem;padding:.2rem}.kontaktfeld h3{font-size:1.5rem;margin:2rem 0}.kontaktfeld h2{margin-bottom:.5rem}.kontaktfeld form{align-items:center;background-color:hsla(0,0%,95%,.9);margin-bottom:3rem;max-width:1300px;padding:5rem}.kontaktfeld form,.kontaktfeld form .felder{display:flex;flex-direction:row;justify-content:center;width:100%}.kontaktfeld form .felder{align-self:center;flex-wrap:wrap;overflow:hidden}.kontaktfeld form .felder .spalte1,.kontaktfeld form .felder .spalte2{color:#78b73a;display:flex;flex-direction:column;justify-content:flex-start;max-width:500px;padding:2rem;width:100%}.kontaktfeld form .felder .spalte1 .feld,.kontaktfeld form .felder .spalte2 .feld{display:flex;flex-direction:column;justify-content:center;margin:.5rem 0;text-align:start;width:100%}.kontaktfeld form .felder .spalte1 .feld textarea,.kontaktfeld form .felder .spalte2 .feld textarea{border:1px solid #78b73a!important;font-size:1.3rem!important;height:150px!important;padding:1rem!important}.kontaktfeld form .felder .spalte1 .feld input[type=text],.kontaktfeld form .felder .spalte1 .feld select,.kontaktfeld form .felder .spalte1 .feld textarea,.kontaktfeld form .felder .spalte2 .feld input[type=text],.kontaktfeld form .felder .spalte2 .feld select,.kontaktfeld form .felder .spalte2 .feld textarea{background-color:hsla(0,0%,95%,.9);background-size:5px 5px,5px 5px,1.5em 1.5em;border:1px solid #78b73a;border-radius:1px;color:#78b73a;font-size:1.3rem;height:3rem;margin-right:1rem;padding:0 1rem}.kontaktfeld form .felder .spalte1 .feld input::-webkit-input-placeholder,.kontaktfeld form .felder .spalte1 .feld textarea::-webkit-input-placeholder,.kontaktfeld form .felder .spalte2 .feld input::-webkit-input-placeholder,.kontaktfeld form .felder .spalte2 .feld textarea::-webkit-input-placeholder{color:rgba(102,171,86,.45)}.kontaktfeld form .felder .spalte1 .feld input:-ms-input-placeholder,.kontaktfeld form .felder .spalte1 .feld textarea:-ms-input-placeholder,.kontaktfeld form .felder .spalte2 .feld input:-ms-input-placeholder,.kontaktfeld form .felder .spalte2 .feld textarea:-ms-input-placeholder{color:rgba(102,171,86,.45)}.kontaktfeld form .felder .spalte1 .feld input::placeholder,.kontaktfeld form .felder .spalte1 .feld textarea::placeholder,.kontaktfeld form .felder .spalte2 .feld input::placeholder,.kontaktfeld form .felder .spalte2 .feld textarea::placeholder{color:rgba(102,171,86,.45)}.kontaktfeld form .felder .spalte1 .feld label,.kontaktfeld form .felder .spalte2 .feld label{color:#78b73a;font-size:1.3rem;margin:.5rem 1rem .5rem 0}.kontaktfeld form button{background:#78b73a;border:1px solid #fff;color:#fff;font-size:1.3rem;margin-bottom:1rem;margin-top:2rem;max-width:700px;padding:1rem;width:100%}@media only screen and (max-width:800px){.empfehlung h1{font-size:2.2rem}.empfehlung h2{font-size:1.5rem}.empfehlung h3{font-size:1.4rem}button{margin:0 1rem}.kontaktfeld{padding:.1rem}.kontaktfeld form{padding:0;width:100%}.kontaktfeld form .felder{width:100%}}@media only screen and (max-width:400px){.empfehlung h1{font-size:2rem}.empfehlung h2{font-size:1.5rem}.empfehlung h3{font-size:1rem;padding:.5rem}}.datenschutzbanner{background:#78b73a;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;padding:1rem;position:fixed;text-align:center;width:100%}.datenschutzbanner button{align-self:center;background:#fff;border:none;color:#78b73a;font-size:1rem;margin:1rem;padding:1rem 2rem}.datenschutzbanner a{color:#fff;text-decoration:none}.home{position:relative}.kategorie,.produkte{display:flex;flex-direction:column;margin-top:3rem}.kategorie .produktreihe{align-self:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:4rem;width:80%}.kategorie h1{background:rgba(120,183,58,.4);color:#78b73a;margin-top:5rem;padding:1rem;text-align:center;width:100%}
/*# sourceMappingURL=main.80833f7c.css.map*/