.fejlec,body{margin:0;background-color:#000}.fejlec h1,.hero .btn,h2,header{color:#fff}.content a:hover,.hero .btn{text-decoration:none}.contact-item,.faqcont h1,h2,header{text-align:center}#why-us,.fejlec,.fejlec .logo,.question h2,.row,header{display:flex}.fejlec,body,footer{background-color:#000}.question h2 .arrow,footer div,footer p{display:inline-block}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;font-weight:500;font-style:normal;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}.bg,header{background-image:url(img/bkgbb.webp);background-repeat:no-repeat;background-size:cover;background-position:center}::-webkit-scrollbar-thumb:hover{background:#555}nav{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.fejlec{padding:0;align-items:center;height:4rem}.fejlec .logo{margin-left:2rem}.fejlec .logo img{height:8rem;margin:4rem 0 0}.fejlec h1{font-weight:lighter;margin:auto 1rem;font-size:1.5rem}.fejlec .navlink{margin-left:auto;padding-right:1rem}.fejlec .navlink ul{list-style-type:none;margin:0;padding:0;text-align:right}.fejlec .navlink ul li{display:inline}.fejlec .navlink ul li a{display:inline-block;padding:20px;text-decoration:none;color:#7a7a7a;position:relative;font-weight:700}.fejlec .navlink ul li a:hover{color:#6ec1e4}.fejlec .navlink ul li a::after{content:'';position:absolute;width:0;height:3px;background-color:#6ec1e4;bottom:.7rem;left:50%;transform:translateX(-50%);transition:width .3s}.fejlec .navlink ul li a:hover::after{width:100%}header{height:70vh;flex-direction:column;justify-content:center;padding:0}.hero{margin-top:3rem}.hero h1{font-size:3rem;margin-bottom:1rem;animation:1.5s fadeInDown}.hero p{font-size:1.5rem;margin-bottom:1.5rem;animation:1.5s fadeInUp}.hero .btn{background:#1852e3;padding:.7rem 1.5rem;border-radius:5px;transition:background 0.5s}.hero .btn:hover{background:#1774d1}h2{padding:4rem 0 2rem;font-size:2.5rem;animation:1.5s fadeIn}.row{padding:0 6rem;margin:auto 0;justify-content:space-between;flex-wrap:wrap}.contact-item,.service-card,.why-us-card{padding:20px;transition:transform .3s,box-shadow .3s;background-color:#fff}.service-card,.why-us-card{margin-bottom:1.5rem;box-shadow:0 0 10px rgb(0 0 0 / .1);animation:1.5s fadeInUp;border-radius:10px}.why-us-card{margin:1rem 3rem;height:fit-content}.service-card:hover,.why-us-card:hover{transform:translateY(-5px);box-shadow:0 0 15px rgb(0 0 0 / .2)}.cassette-card img,.service-card img{height:4rem;max-width:100%;margin:.5rem auto;display:flex}.cassette-card h3,.service-card h3{text-align:center;padding:1rem 0;background:#f4f4f4;font-size:1.4rem}#cassette-types,#contact,#services,#why-us{padding-bottom:2rem}.contact-item{border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px rgb(0 0 0 / .1);margin:10px;max-width:30%}.icon img{width:60px;height:60px;margin-bottom:10px}.title{font-size:1.2em;margin-bottom:5px;color:#333}.content{font-size:1em;color:#666}.content a{transition:color .5s}.kapcsolat{padding:2rem}.container{margin:1rem 3rem!important}.lwh{width:50%}.fade-in{opacity:0;animation:.3s ease-in forwards fadeInAnimation}.faqcont{width:100%;margin:0 auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgb(0 0 0 / .1)}.faqcont h1{margin-bottom:30px}.faq{margin-top:20px}.question{margin-bottom:20px;padding-bottom:10px;overflow:hidden;border-bottom:1px solid #ddd}.question h2{font-size:20px;color:#333;margin-bottom:10px;cursor:pointer;position:relative;justify-content:space-between;align-items:center;padding:.1rem 0}.question h2 .arrow{width:10px;height:10px;border:solid #333;border-width:2px 2px 0 0;transform:rotate(-45deg);transition:transform .3s;margin-right:8px}.question.open h2 .arrow{transform:rotate(135deg)}.question p{font-size:16px;color:#666;animation:.5s ease-out fadeEffect;display:none}.rfaq{padding:4.5rem 3rem;width:50%}footer{color:#636363;padding:1.5rem 5rem}footer a img{height:1.5rem;margin-top:-.5rem}footer p{margin:auto}footer a{color:#636363;text-align:right}.footer-content{text-align:right;display:block;justify-content:flex-end;align-items:center}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}100%{opacity:1}}@media (max-width:1300px){footer{padding:1.5rem 0.5rem}.faqcont,.lwh,.rfaq{width:100%}.fejlec .navlink{display:none}.fejlec h1{margin-left:auto}.row{padding:0 2rem}.contact-item,.service-card,.why-us-card{background-color:#fff;padding:20px;transition:transform .3s,box-shadow .3s}header{height:70vh}.service-card,.why-us-card{box-shadow:0 0 10px rgb(0 0 0 / .1);animation:1.5s fadeInUp;border-radius:10px;margin:1rem 0}.contact-item{border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px rgb(0 0 0 / .1);text-align:center;margin:10px;max-width:100%}#why-us{display:block}.lwh,.rfaq{padding:1rem}h2{font-size:2rem;padding:2rem 0 1rem}}