@media only screen and (max-width: 1240px){header nav ul{display:none!important}header nav .logo img{width:100px;height:80px}header nav{padding:20px}header nav .navigation-toggle{display:flex!important;flex-direction:column;justify-content:space-between;width:32px;height:24px;cursor:pointer;transition:all .3s ease-in-out}.navigation-toggle span{display:block;height:2px;width:100%;background-color:#000;border-radius:1px;transition:all .4s cubic-bezier(.77,.2,.05,1);transform-origin:center}.navigation-toggle.active{transform:rotate(180deg)}.navigation-toggle.active span:nth-child(1){transform:translateY(11px) rotate(45deg)}.navigation-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.navigation-toggle.active span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.mobilenavigation{position:fixed;top:100px;right:20px;width:300px;max-height:0;background:#fff;z-index:997;box-shadow:0 10px 25px #0000001a;border-radius:8px;overflow:hidden;transition:all .4s cubic-bezier(.77,.2,.05,1);opacity:0;transform:translateY(-20px)}.mobilenavigation.active{max-height:80vh;opacity:1;transform:translateY(0);overflow-y:auto;display:block!important}.mobilenavigation .wrapper{padding:20px;display:flex;flex-direction:column;gap:15px}.mobilenavigation li{list-style:none;border-bottom:1px solid #f0f0f0;padding-bottom:10px}.mobilenavigation li:last-child{border-bottom:none}.mobilenavigation a{text-decoration:none;font-size:1rem;color:#000;display:block;padding:8px 0;letter-spacing:1px}#headerarticle .wrapper .content{padding-left:20px;padding-right:20px}#intro .wrapper{padding:0 20px}#intro .row-1,#intro .row-3 .items{flex-direction:column}#intro .row-3 .items .number-item{justify-content:flex-start}#partners .wrapper{padding:0 20px}#partners .wrapper .suppliers{justify-content:center}#portfolio .wrapper .Titel{padding-left:20px;padding-right:20px}#portfolio .wrapper .card-items{flex-direction:column}#portfolio .wrapper .card-items .card{min-height:329px;max-height:329px}#gallery-article .Titel{padding-left:20px;padding-right:20px}#gallery-article .images{margin:0 20px}#contact-article .wrapper{padding-left:20px;padding-right:20px}#contact-article .wrapper .Textnormal,#contact-article .formular{max-width:100%}.fancybox-content{width:90%!important;height:60%!important}}@media only screen and (max-width: 670px){.Titel{font-size:48px}.Untertitel{font-size:32px}.Textnormal{font-size:20px}.Textklein{font-size:16px}footer{padding:20px}footer .wrapper .row-1-wrapper{flex-direction:column}footer .wrapper .row-1-wrapper .right{margin-top:20px;flex-direction:column}}
