#root{max-width:1280px;margin:0 auto;text-align:center}main{color:#000;background-color:#ffe5b69a;display:flex;flex-direction:column}body{background-image:url(https://res.cloudinary.com/dmvawq2ak/image/upload/v1734052000/Tapeten-Musterartikel-102284-63204774_1_svuelr.jpg);font-size:20px}.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:#ffd382;height:90px;top:0;z-index:9999;transition:height .3s ease,padding .3s ease}.navbar-logo{display:flex;align-items:center}.navbar-logo .logo{height:150px;transition:height .3s ease}.navbar-title{font-family:Lobster,cursive;font-size:60px;margin:0;color:#e8f0e7;-webkit-text-stroke:2px #1b3404;transition:font-size .3s ease}.navbar-links{display:flex;gap:15px}.navbar-links .navbar-link{text-decoration:none;color:#507231;font-weight:700;font-size:24px}.navbar-link:hover{color:#638841}@media (max-width: 768px){.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px}.navbar-title{font-size:30px}.navbar-links{flex-direction:column;gap:10px}.navbar-links .navbar-link{font-size:16px}.navbar.scrolled{height:50px;padding:5px}.navbar.scrolled .logo{height:60px}}.homepage{display:flex;gap:20px}.homepage-filters{display:flex;flex-direction:column;justify-content:space-around;min-height:200px;height:200px;margin:10px;min-width:120px;width:120px;font-size:18px;text-align:left}.homepage-filters select{width:89.7px}.card-container{display:flex;flex-wrap:wrap;gap:25px;justify-content:space-evenly;padding:20px}.card{flex:1 1 calc(33.333% - 20px);max-width:calc(33.333% - 20px);min-height:700px;box-sizing:border-box;background-color:#fff;border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:transform .2s;display:flex;flex-direction:column;justify-content:space-between}.card:hover{transform:scale(1.05)}.card img{max-width:100%;height:70%;border-radius:8px;object-fit:cover}@media (max-width: 768px){.card{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px);min-height:500px}}@media (max-width: 480px){.card{flex:1 1 100%;max-width:100%;min-height:400px}}.details-page{display:flex;flex-direction:column;align-items:center;padding:20px}.details-container{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:1200px}.image-container{flex:1;margin-right:20px}.animal-image{width:100%;max-width:500px;height:auto}.details{flex:1;max-width:600px;text-align:left}.thumbnails{display:flex;justify-content:center;gap:10px}.thumbnail{cursor:pointer;width:80px;height:auto;transition:transform .2s;border:2px solid transparent}.thumbnail.active{border:2px solid rgb(5,142,32)}.thumbnail:hover{transform:scale(1.1)}.details-btn{display:inline-block;text-align:center;cursor:pointer;border-radius:15px;color:#fff;padding:1px 40px;font-size:16px;background-color:#033106}.details-btn,button{display:block;width:100%;max-width:200px;font-size:16px;cursor:pointer;border:none;border-radius:5px;transition:background-color .3s,color .3s}.details-btn:hover{background-color:#ffd382;color:#fff}button{margin-top:10px}.edit-btn{background-color:#2c8204;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.edit-btn:hover{background-color:#ffd382}.details p strong{font-weight:700;font-size:19px;color:#000}.details p{font-size:25px;line-height:1.2;margin-bottom:12px;color:#434242}.form-container{max-width:900px;margin:0 auto;padding:30px;text-align:left}.form-container h2{font-size:3rem;margin-bottom:20px;text-align:center;color:#507231}.form-container input,.form-container button{width:100%;padding:12px;margin:10px 0;font-size:17px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.form-container input:focus,.form-container button:focus{outline:none;border-color:#507231}.form-container input[type=text],.form-container input[type=number]{background-color:#f1f1f1}.form-container input[type=text]:focus,.form-container input[type=number]:focus{background-color:#fff}.form-container button{background-color:#507231;color:#fff;border:none;cursor:pointer;transition:background-color .3s}.form-container button:disabled{background-color:#ccc;cursor:not-allowed}.form-container button:hover:not(:disabled){background-color:#3d5a2d}.form-container label{font-size:18px;color:#0a0101;display:inline-flex;align-items:center}.form-container input[type=checkbox]{margin-top:2px}.form-container div{margin-bottom:11px}.form-container .checkbox-group{display:flex;gap:20px;margin-top:11px;align-items:center}.form-container .checkbox-group label{font-size:16px;color:#507231;display:flex;align-items:center}.form-container h3{font-size:1.2rem;color:#507231;margin-top:20px}.form-container .error-message{color:red;font-size:1rem;text-align:center;margin-top:10px}.submit-button{background-color:#507231;color:#fff;font-size:1.2rem;padding:12px 30px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-top:20px;display:block;width:100%}.submit-button:hover{background-color:#3e5e28;transform:scale(1.05)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:600px;height:auto;max-height:80vh;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;padding:20px;overflow-y:auto;z-index:1000;box-sizing:border-box}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.modal-content{background-color:#fff;padding:10px 20px;border-radius:10px;width:100%;max-width:600px;box-sizing:border-box;font-size:1rem;line-height:1.5;text-align:center;overflow-y:auto;max-height:100%}.close{position:absolute;top:10px;right:10px;font-size:30px;color:#aaa;cursor:pointer}.close:hover{color:#000}@media (max-width: 500px){.modal{width:90%;max-width:100%;padding:10px}.modal-content{font-size:.9rem}.close{font-size:24px}}.footer{background-color:#ffd382;padding:0 40px 20px}.footer-box{display:flex;justify-content:space-evenly;width:100%;align-items:center;color:#000;text-align:center}.footer-links{display:flex;flex-direction:column}.footer-link{color:#000;text-decoration:none;padding:10px}.footer-link:hover{color:#025717}.notFoundLink{font-size:20px;color:#bad7f5;text-decoration:none;display:block;margin-top:30px;margin-bottom:100px;font-size:26px}.notFoundLink:hover{color:#8ff11f}.about-wrapper{padding:0 60px}.about-box{display:flex;justify-content:space-around;border-radius:5px;margin-bottom:30px}.about-box-column{display:flex;flex-direction:column}.about-box img{height:420px;border-radius:5px}.about-text{font-size:24px;text-align:left;padding:0 10px;margin:auto 0}.about-link{color:#000;text-decoration:none}.about-devs{padding:80px 0 30px}.dev-card-box{display:flex;justify-content:space-between;padding-top:20px}.dev-card{width:25%;display:flex;flex-direction:column}.dev-photo{width:100%;border-radius:50%;object-fit:cover}.dev-card-linkedin{width:100px;padding:10px}.dev-card-linkedin:hover{width:100px;padding:10px;background-color:#fff}.dev-card-github{padding:10px;width:50px}.dev-card-github:hover{background-color:#fff}@media (max-width: 768px){.homepage{display:flex;flex-direction:column;align-items:center}.card{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px)}.about-box{display:flex;flex-direction:column}.about-wrapper{padding:0 10px}.dev-card-box{display:flex;flex-direction:column;align-items:center;width:100%}.dev-card{width:70%}}@media (max-width: 480px){.card{flex:1 1 100%;max-width:100%}.footer-box{display:flex;flex-direction:column}}@media (max-width: 768px){.details-container{flex-direction:column;align-items:center}.image-container{margin-right:0;margin-bottom:20px}.details{text-align:center}.homepage{display:flex;gap:0}.homepage-filters{display:flex;flex-direction:column;height:100px;margin:-30px auto}}.react-chatbot-kit-user-chat-message-container{display:flex;margin:15px 0;justify-content:flex-end}.react-chatbot-kit-user-avatar-container{width:40px;height:40px;border-radius:50%;margin-left:12.5px;background-color:#3d4e8d;display:flex;justify-content:center;align-items:center}.react-chatbot-kit-user-avatar-icon{fill:#fff;width:15px;height:15px}.react-chatbot-kit-user-chat-message{background-color:#f1f1f1;padding:10px;border-radius:5px;font-size:.9rem;color:#585858;font-weight:medium;position:relative;text-align:left}.react-chatbot-kit-user-chat-message-arrow{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #f1f1f1;position:absolute;right:-7px;top:13px}.react-chatbot-kit-chat-bot-message-container{display:flex;margin:15px 0;justify-content:flex-start}.react-chatbot-kit-chat-bot-avatar-container{width:40px;height:40px;border-radius:50%;font-size:1.2rem;margin-right:12.5px;background-color:#d8d8d8;display:flex;justify-content:center;align-items:center}.react-chatbot-kit-chat-bot-avatar-icon{fill:#494646;width:22.5px;height:22.5px}.react-chatbot-kit-chat-bot-avatar-letter{color:#1d1d1d;margin:0;padding:0}.react-chatbot-kit-chat-bot-message{background-color:#2898ec;padding:10px;border-radius:5px;font-size:.9rem;color:#fff;font-weight:medium;position:relative;width:184.5px;margin-left:auto;text-align:left}.react-chatbot-kit-chat-bot-message-arrow{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #2898ec;position:absolute;left:-7px;top:13px}.react-chatbot-kit-chat-bot-loading-icon-container{height:17px;width:25px}.chatbot-loader-container{display:flex;width:100%;justify-content:center}#chatbot-loader #chatbot-loader-dot1{animation:load 1s infinite}#chatbot-loader #chatbot-loader-dot2{animation:load 1s infinite;animation-delay:.2s}#chatbot-loader #chatbot-loader-dot3{animation:load 1s infinite;animation-delay:.4s}@keyframes load{0%{opacity:0}50%{opacity:1}to{opacity:0}}.react-chatbot-kit-chat-container{position:relative;width:275px}.react-chatbot-kit-chat-inner-container{height:500px;background-color:#fff;border-radius:5px}.react-chatbot-kit-chat-header{border-top-right-radius:5px;border-top-left-radius:5px;background-color:#efefef;font-family:Arial;display:flex;align-items:center;font-size:.85rem;color:#514f4f;padding:12.5px;font-weight:700}.react-chatbot-kit-chat-input-container{position:absolute;bottom:0;width:100%;display:flex}.react-chatbot-kit-chat-message-container{padding:0 17.5px 10px;overflow:scroll;height:424px}.react-chatbot-kit-chat-input{width:100%;padding:12.5px;border:none;font-size:.85rem;border-top:1px solid #d8d8d8;border-bottom-left-radius:5px}.react-chatbot-kit-chat-input-form{width:100%;display:flex}.react-chatbot-kit-chat-input::placeholder{color:#585858}.react-chatbot-kit-chat-btn-send{background-color:#2898ec;width:100px;border:none;color:#fff;border-bottom-right-radius:5px}.react-chatbot-kit-chat-btn-send-icon{fill:#fff;width:15px;margin:0 auto}.react-chatbot-kit-error{background-color:#fff;border-radius:3px;padding:15px}.react-chatbot-kit-error-container{width:260px}.react-chatbot-kit-error-header{font-size:1.3rem;color:#1d1d1d;margin-bottom:30px}.react-chatbot-kit-error-docs{display:block;margin:25px auto;color:#38688b;padding:8px;border:1px solid rgb(40,152,236);width:130px;text-align:center;text-decoration:none;font-size:1rem}