@font-face{font-family:'nexa_lightregular';src:url(nexa-webfont.woff2) format('woff2') , url(nexa-webfont.woff) format('woff');font-weight:normal;font-style:normal}*{margin:0;padding:0;font-family:rawline,sans-serif}html{background-color:#f2f2f2}h1{font-family:Poppins,sans-serif}h2{font-family:Poppins,sans-serif}h3{font-family:Poppins,sans-serif}h4{font-family:Poppins,sans-serif}h5{font-family:Poppins,sans-serif}h6{font-family:Montserrat,sans-serif}li{list-style:none}a{text-decoration:none}.header{background-color:#c00;box-shadow:0 12px 10px -12px black;padding:0 12%}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.hamburger{display:none}.bar{display:block;width:30px;height:5px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#101010}.nav-menu{display:flex;justify-content:space-evenly;align-items:center}.nav-item{margin-left:2rem}.nav-link{font-size:1.2rem;font-weight:400;color:#fff}.nav-link:hover{color:#262626}.nav-logo{font-size:2.1rem;color:#fff;font-family:nexa_lightregular}.pic-container{position:relative;text-align:center;color:#fff}.pic-container img{height:500px;object-fit:cover;position:relative;z-index:-1}.mini-kontakt{position:absolute;bottom:2%;left:50%;transform:translate(-50%,-50%);background-color: #00000099;padding:10px 15px;border:3px solid #fff;color:#fff;font-size:1.3rem}.reference{margin-top:100px;text-align:center;overflow:auto;margin:0 12%}.reference h2{text-align:center;font-size:1.7em}.reference a{color:#000;font-size:1.3em;font-weight:500}.container-all{width:fit-content;margin:20px auto;height:auto}.container{width:calc(33% - 5px);overflow:none;height:fit-content;margin:3px;padding:0;display:block;position:relative;float:left}img{width:100%;transition-duration:.3s;max-width:100%;display:block;overflow:hidden;cursor:pointer;object-fit:cover;height:300px}.title{position:absolute;display:block;cursor:pointer;top:35%;display:none;left:50%;margin-right:-50%;transform:translate(-50%,-50%);font-weight:bold;font-size:1.6em;text-shadow:1px 5px 10px black;transition-duration:.3s}.text{position:absolute;top:70%;cursor:pointer;max-width:80%;text-align:center;left:50%;text-shadow:1px 5px 10px black;font-size:1em;display:none;margin-right:-50%;transition-duration:.3s;transform:translate(-50%,-50%)}.container:hover img{transform:scale(1.05);transition-duration:.3s;filter:grayscale(50%);opacity:.7}.container:hover span{color:#fff;display:block;transition-duration:.3s}.zapati{background-color:#404040;padding:20px 0 20px 0%;vertical-align:middle;position:relative;bottom:0;color:#fff;margin-top:500px;display:flex;justify-content:space-evenly}.zapati h3{margin-bottom:10px}.zapati h4{margin-bottom:10px}.zapati p{margin-bottom:5px}.zapati li{margin-bottom:5px}.zapati a{color:#fff}footer{background-color:#1a1a1a;color:#fff;padding:1px 40px 20px 40px;text-align:center}footer p{margin-top:20px}@media only screen and (max-width:768px){.header{padding:0 2%}.nav-menu{position:fixed;left:-100%;top:4rem;flex-direction:column;background-color:#c00;width:100%;border-radius:7px;text-align:center;transition:.3s;box-shadow:0 10px 27px rgba(0,0,0,.05);z-index:1}.nav-menu.active{left:0}.nav-item{margin:1.5rem 0}.nav-link{color:#fff}.nav-link:hover{color:#101010}.hamburger{display:block;cursor:pointer}.hamburger.active .bar:nth-child(2) {opacity:0}.hamburger.active .bar:nth-child(1) {transform:translateY(10px) rotate(45deg)}.hamburger.active .bar:nth-child(3) {transform:translateY(-10px) rotate(-45deg)}.reference{margin:0 2%}.container{width:100%;margin:0 0 5px 0}.zapati{margin-top:300px}}