@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,Arial,Helvetica,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}body{margin-top:100px}a{text-decoration:none}.main-container{flex:1}h1{font-size:44px;color:#333}h2{color:#333;font-size:20px}h3{color:#333;font-size:16px}hr{width:100%;height:3px;background:#f7911c;border:0px;border-radius:100px;margin-bottom:20px}header{position:fixed;top:0;left:0;width:100%;height:100px;padding:20px 10%;display:flex;justify-content:space-between;align-items:center;z-index:100;background-color:#f7911c;box-shadow:-2px 0 10px #0000004d}header .logo-container{height:100%;width:100%}header .logo{fill:#fff;height:100%;transition:.2s}header .logo:hover{cursor:pointer;transform:scale(1.02)}header .navbar{display:flex;align-items:center}header .navbar-menu{display:flex;white-space:nowrap;height:100%;transition:transform .3s ease;z-index:100}header .navbar-menu a{position:relative;font-size:18px;color:#fff;font-weight:500;margin-left:40px}header .navbar-menu a:before{content:"";position:absolute;top:100%;left:0;width:0;height:2px;background:#fff;transition:.3s}header .navbar-menu.open a:before{transition:.5s}header .navbar-menu a:hover:before{width:100%}header .navbar-menu a.active:before{width:100%}header .hamburger{display:none;flex-direction:column;cursor:pointer}header .bar{height:3px;width:25px;background-color:#fff;margin:3px 0}header .close-btn{font-size:24px;color:#333;cursor:pointer;margin:20px 20px 0;align-self:flex-end}header .close-btn:hover{color:red;transition:.2s}header .sidebar-extras{margin-top:auto;padding:10px 20px;color:#333}header .contact-info{display:flex;align-items:center;margin:15px 0;font-size:16px}header .contact-info svg{margin-right:20px}header .sidebar-extras .icon-button{margin:0}header .sidebar-extras .icon-button:hover{color:#333}header .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:99}@media (max-width: 1100px){header .navbar-menu{position:fixed;top:0;right:-300px;height:100%;width:300px;background-color:#fff;flex-direction:column;transition:transform .3s ease}header .navbar-menu a{margin:10px 0 10px 57px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;color:#333;transition:.2s}header .navbar-menu a:before{content:"";position:absolute;top:100%;left:0;width:0;height:2px;background:#333;transition:.3s}header .navbar-menu.open{transform:translate(-300px)}header .hamburger{display:flex}header .navbar{justify-content:space-between}}@media (max-width: 400px){header .logo{width:60%}}footer{background-color:#101011;height:600px;padding:150px 0 70px}footer .info-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:100px}footer .button-container,footer .text-container{display:flex;flex:1;align-items:center;justify-content:center}footer .text-container{margin-top:20px;text-align:center}footer .info-container p,footer .info-container a,footer .contact-container{font-size:14px;color:#fff;font-weight:400}footer .info-container a{position:relative;margin-left:20px}footer a:before{content:"";position:absolute;top:100%;left:0;width:0;height:2px;background:#fff;transition:.3s}footer a:hover:before{width:100%}footer .address-container p{line-height:25px;margin-bottom:30px;color:#fff}footer .contact-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}footer .contact-button-container{display:flex;flex-direction:column;align-items:center;gap:15px}footer .contact-button-container a,footer .contact-button-container{display:flex;align-items:center;font-size:18px;color:#fff;font-weight:500;position:relative}footer .contact-button-container svg{margin-right:10px}#dev-button{margin:0}#dev-button:hover{cursor:pointer}@media (max-width: 500px){footer .info-container{flex-direction:column;height:auto;align-items:center}footer .button-container,footer .text-container{justify-content:center;flex:none;width:100%;padding:5px 0;text-align:center}footer .button-container{flex-direction:column;align-items:center}footer .button-container a{margin:5px 0}footer{height:auto}}.home-slider-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;overflow:hidden}.home-slide{position:absolute;top:0;left:100%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:left 1s ease,opacity 1s ease}.home-slide.active{left:0;opacity:1}.home-slide.previous{left:-100%;opacity:0}video{width:100%;height:100%;object-fit:cover}.home-background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.home-info-box{position:absolute;bottom:15%;left:50%;transform:translate(-50%);background-color:#f7911cdd;padding:50px;text-align:center;border-radius:10px;color:#fff;z-index:2}.home-info-box h1{font-size:46px;color:#fff}.home-info-box p{font-size:18px;color:#fff;margin-top:20px;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.35)}.home-info-box a{position:relative;font-size:16px;color:#fff;font-weight:500}.home-info-box a:before{content:"";position:absolute;top:100%;left:0;width:0;height:2px;background:#fff;transition:.3s}.home-info-box a:hover:before{width:100%}.home-info-icon{width:100px;height:100px;margin-bottom:10px}.home-title-container{display:flex;align-items:center;justify-content:center;gap:30px}.home-arrow-container{position:absolute;bottom:5%;display:flex;gap:20px}.home-slider-container .arrow{background:#101011;border:none;font-size:30px;cursor:pointer;color:#fff;z-index:1;border-radius:50%;height:50px;width:50px;opacity:.5;transition:.3s ease}.home-slider-container .arrow:hover{opacity:.8}.arrow.left{left:10px;z-index:2}.arrow.right{right:10px;z-index:2}.home-customers-container{display:flex;flex-direction:column;align-items:center}.home-services-container{display:flex;text-align:center}.home-service-container{padding:20px 30px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.home-service-container img{height:150px;width:150px;margin:auto}.home-service-container h2{font-size:25px;font-weight:500}.home-service-container p{font-size:14px;color:#878787;line-height:25px;margin-top:10px;margin-bottom:60px}.home-service-container a,.home-contact-container a{border-radius:8px;padding:15px 25px;color:#fff;font-weight:600;font-size:16px;transition:.3s;align-self:center}.home-service-container a:hover{opacity:.7}#home-erdbau-container h2{color:#f7911c}#home-erdbau-container a{background:#f7911c}#home-schotter-container h2{color:#f5bd65}#home-schotter-container a{background:#f5bd65}#home-steinmauer-container h2{color:#5dc261}#home-steinmauer-container a{background:#5dc261}.home-contact-container{width:50%;margin:150px auto;text-align:center}.home-contact-container p{margin:25px;font-size:18px}.home-contact-container a{background-color:#f7911c;display:inline-block;margin:10px}.home-contact-container a:hover{opacity:.8}@media (max-width: 768px){video{height:70%;object-fit:cover}.home-info-box{width:80%}.home-info-box h1{font-size:36px;color:#fff}.home-info-box p{font-size:16px;color:#fff}.home-info-box a{font-size:14px}.home-info-icon{width:70px;height:70px}.home-services-container{flex-direction:column;align-items:center}.home-slider-container .arrow{height:40px;width:40px;font-size:25px}}@media (max-width: 600px){.home-info-box h1{font-size:30px}}@media (max-width: 425px){.home-info-box{padding:25px}.home-info-box h1{font-size:26px}.home-info-box p{font-size:12px}.home-info-box a{font-size:11px}.home-info-icon{width:50px;height:50px}.home-title-container{flex-direction:column;gap:0px}.home-slider-container .arrow{height:35px;width:35px;font-size:20px}}@media (max-width: 300px){.home-services-container img{height:100px}}#contact-main-container{display:flex;justify-content:center}#contact-main-container .contact-container{width:80%;margin-top:100px}#contact-main-container .contact-address-container{display:flex;justify-content:left}#contact-main-container .contact-icon-container{margin-right:20px;margin-top:2px}#contact-main-container .contact-info-container p{font-size:15px;color:#828282}#contact-main-container .contact-map-container{margin-top:20px;margin-bottom:100px;display:flex;justify-content:center}#contact-main-container .contact-contact-container{display:flex;justify-content:space-between;margin-bottom:150px}.contact-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000c;z-index:9999}.contact-modal-content{position:relative;display:flex;justify-content:center;align-items:center}.contact-modal-image{width:500px;height:500px;border-radius:10px;object-fit:cover}#contact-main-container .contact-container img{transition:.1s}#contact-main-container .contact-container img:hover{cursor:pointer;transform:scale(1.1)}@media (max-width: 1100px){#contact-main-container .contact-contact-container{flex-direction:column;justify-content:space-between;gap:40px}}@media (max-width: 768px){.contact-modal-image{width:80%;height:auto}}@media (max-width: 480px){.contact-modal-image{width:90%;height:auto}}.impressum-container{display:flex;flex-direction:column;margin-bottom:100px;margin-top:70px;align-items:center}.impressum-container .impressum-title-container{width:80%}.impressum-container .table-container{width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}.impressum-container .impressum-table{width:100%;border-collapse:collapse;margin:20px 50px;color:#333}.impressum-container .header-row{background-color:#f7911c;color:#fff}.impressum-container .impressum-table th,.impressum-container .impressum-table td{padding:12px;text-align:left}.impressum-container td.right-row{text-align:right}.impressum-container .color-row{background-color:#f7911c3f}@media (max-width: 480px){.impressum-container .impressum-table{font-size:14px}}@media (max-width: 360px){.impressum-container .impressum-table{font-size:10px}}#about-main-container{display:flex;flex-direction:column;align-items:center}.about-navbar-info-container{display:flex;width:80%;max-width:1200px;margin-top:70px}.about-navbar-container{min-width:230px;background-color:#f4f4f4;border:1px solid #ddd;padding:20px 30px 10px;display:flex;flex-direction:column;height:fit-content;white-space:nowrap}.about-navbar-container a{color:#333;width:fit-content;padding:5px 0;font-size:16px;transition:.2s}.about-navbar-container a:hover,a.about-selected{color:#f7911c}.about-info-container{width:100%;margin-left:50px}.about-additional-info-container{width:80%;max-width:1200px;margin-bottom:100px;margin-top:50px}.about-info-container h1,.about-additional-info-container h1{font-size:44px;margin-bottom:10px;word-break:break-word;overflow-wrap:break-word;white-space:normal}.about-navbar-container h2,.about-additional-info-container h2{margin-bottom:15px;word-break:break-word;overflow-wrap:break-word;white-space:normal}.about-info-container p,.about-additional-info-container p{font-size:16px;line-height:1.7;letter-spacing:.5px;color:#828282}.about-subheading{font-weight:600;margin:50px 0 20px}.about-hr{height:1px;background:#ddd;margin:0 0 5px;transition:.2s}.about-margin{margin-top:50px}.about-customers-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;margin:30px auto}.about-customer-container{display:flex;align-items:center;justify-content:center;width:auto;height:200px;margin-bottom:10px}.about-customer-container img{max-width:100%;max-height:200px;object-fit:contain}.about-customer-button-container{display:flex}.arrow{background-color:#f4f4f4;color:#333;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:background-color .3s;margin:5px}.arrow:hover{background-color:#f7911c;color:#fff}.about-gallery-container{display:flex;flex-wrap:wrap;width:100%}.about-gallery-container img{width:400px;height:300px;object-fit:cover;margin:0 20px 20px 0;transition:.2s}.about-gallery-container img:hover{transform:scale(1.05);cursor:pointer}#fuhrpark-gallery{margin-top:100px;display:flex;justify-content:center}@media (max-width: 768px){.about-navbar-info-container{flex-direction:column;align-items:center}.about-navbar-container{width:80%;min-width:0;margin-bottom:20px}.about-info-container{width:80%;margin-left:0}.about-additional-info-container{width:64%}.about-gallery-container img{width:200px;height:150px}}@media (max-width: 425px){.about-info-container h1,.about-additional-info-container h1{font-size:30px;margin-bottom:10px}.about-navbar-container h2,.about-additional-info-container h2{font-size:14px;margin-bottom:10px}.about-navbar-container a,.about-additional-info-container a{font-size:10px}.about-gallery-container img{width:160px;height:100px}}#services-main-container{display:flex;flex-direction:column;align-items:center}.services-title-container{display:flex;text-align:center;align-items:center}.services-title-container h1{margin-left:20px;margin-top:0;font-weight:500;font-size:36px}h1{margin-top:20px}.services-icon{width:100px}.products-list-container{width:100%;display:flex;margin-top:20px}.products-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:15px;width:100%}.product-card{background-color:#f5f5f5;padding:10px;border-radius:5px;text-align:center;width:calc(33.33% - 10px);box-sizing:border-box;transition:.2s}.product-card:hover{cursor:pointer;transform:scale(1.05)}@media (max-width: 1200px){.product-card{width:calc(33.33% - 10px)}}@media (max-width: 1024px){.product-card{width:calc(50% - 10px)}}@media (max-width: 768px){.services-title-container{flex-direction:column;margin-top:20px}.product-card{width:100%}}@media (max-width: 768px){.services-title-container{flex-direction:column;margin-top:20px}.products-grid{flex-direction:column;align-items:center}}.data-protection-container{width:80%;margin:70px auto 150px}.data-protection-container h1{word-wrap:break-word}.data-protection-container h2{font-size:30px;margin-top:50px;margin-bottom:15px;word-wrap:break-word}.data-protection-container p{color:#828282}.data-protection-container ul{margin:20px;color:#828282}@media (max-width: 425px){.data-protection-container h1{font-size:36px}}@media (max-width: 350px){.data-protection-container h1{font-size:30px}}