body,html{height:100%;margin:0;padding:0px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:300;line-height:1.5;color:rgba(0,54,107,1);-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}html{overflow-x:hidden;overflow-y:auto}.topnav{background:rgba(0,54,107,0.9)}.bg-custom-1{background:rgba(0,54,107,1)}.bg-custom-2{background:rgba(0,54,107,0.9)}.bg-custom-3{background:#067874}.bg-custom-transition{background:rgb(0,54,107);background:-moz-linear-gradient(180deg,rgba(0,54,107,0.8) 0%,rgba(0,54,107,1) 100%);background:-webkit-linear-gradient(180deg,rgba(0,54,107,0.8) 0%,rgba(255,255,255,1) 17%,rgba(181,205,227,1) 83%,rgba(0,54,107,1) 100%);background:linear-gradient(180deg,rgba(0,54,107,0.8) 0%,rgba(0,54,107,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00366b",endColorstr="#00366b",GradientType=1)}#footer *{font-size:12px}.ct-series-a .ct-point{stroke:#29ABE2;stroke-width:20px;stroke-linecap:square}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#B84D12}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#00366b}.fa-icon{display:inline-block;width:30px;height:30px;position:relative;margin:10px;fill:#067874}.my-custom-btn{color:#fff!important;background-color:#067874!important;border-color:#067874!important}.topnav a.active{font-weight:bold}a.button{-webkit-appearance:button;-moz-appearance:button;appearance:button;text-decoration:none;color:initial}a{text-decoration:none!important;color:rgba(0,54,107,1)!important;color:#852972 !important;font-weight:500!important }.header{background:#062f58}.header::after{background:inherit;content:'';display:block;height:100%;left:0;position:absolute;right:0;z-index:-1;bottom:0;transform:skewY(1.9deg);transform-origin:0 0}.header::before{background:inherit;content:'';display:block;height:100%;left:0;position:absolute;right:0;z-index:-1;top:0;transform:skewY(-1.9deg);transform-origin:0 0}@media screen and (max-width:700px){.header::after{bottom:-33%}}.header{position:relative;height:90vh;left:calc(-450px + 25%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 30%,black 70%,transparent 100%)}.intro-container-new{color:white;position:absolute;top:20%;width:calc(250px + 15%);right:calc(90px + 10%);background:#062f58b2;padding:20px;border-radius:10px}.skew{height:90vh;width:100%;clip-path:polygon(0px 0px,100% 0px,100% 92%,0px 100%);background:#0a3}@media screen and (max-width:1000px){.header{}.intro-container-new{position:absolute;top:50%;width:80%;margin:0% 10%;right:auto;background:linear-gradient(180deg,rgba(6,47,88,0.69) 0%,rgba(6,47,88,1) 100%)}.intro-container-new h1{padding:0}}.navbar-custom .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.intro{text-align:left;font-size:14px}.intro>li>a{border-bottom:2px dotted white;text-decoration:none}.headerpic{background-color:#f5f5dc1a;border-radius:35%}#intro-rotating>span{border-right:.05em solid;animation:caret 1s steps(1) infinite}@keyframes caret{50%{border-color:transparent}}.services{position:relative;display:flex;width:100%;background-color:transparent;padding-bottom:10%;padding-top:10%}.services h2{z-index:5;padding-left:15px}.services h2:hover{color:rgb(0,54,107)}.article-container{float:left;position:relative;border-radius:5px;color:rgba(0,54,107,0.671);mix-blend-mode:luminosity;cursor:pointer;margin:auto;z-index:5}.article-container:hover{color:rgba(0,54,107,0.99)}.service-article{float:left;width:20vw;height:33vw;max-height:400px;background-color:#067875;padding:20px;border-radius:7px;color:rgba(255,255,255,0.667);z-index:20}.service-article ul{font-weight:400}.service-article:before{content:"";position:absolute;width:20vw;max-width:250px;height:100px;top:9%;background-color:#067874af;border-radius:7px;transform:translate(-20px) skew(0deg,20deg);z-index:-1}.service-list{list-style:none;text-indent:-2em}.service-list li{margin:1rem 0}.service-list li:before{content:'';display:inline-block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;padding-left:1em;background-image:url(../themes/david-hemmerle/assets/css/interface.svg)}.service-list li:after{width:95%}.schatten{box-shadow:5px 2px 14px 0 rgba(0,0,0,.7);transition:box-shadow .2s ease-in-out}.schatten:hover{box-shadow:8px 2px 14px 5px rgba(0,0,0,.7);color:rgba(255,255,255,1);font-weight:900}.background-style{border:none;content:'';position:absolute;top:37vw;left:50vw;width:116vw;height:100%;transform:translate(-50%,-50%) rotate(-30deg) skew(-30deg);background:#00366b3d;z-index:-1}.transition{border:none;background-color:rgb(255,255,255);width:100%;height:40px;margin-bottom:-40px;z-index:80}.service-content{padding:20px;display:none}.reporting-content{padding:10px;margin:auto;display:none}.btn-holder{display:table-cell;position:absolute;vertical-align:bottom;bottom:5%;left:calc(50% - 80px)}.service-button{display:block;width:160px;height:40px;color:white;font-size:medium;border:none;border-radius:10px;text-align:center;background-color:#6B110B;opacity:0.8;cursor:pointer}.services button:hover{opacity:1;font-weight:500}.tracking{display:block;height:0}.fade-in-service:before{content:"";position:absolute;width:80px;height:80px;top:-40px;background-color:#B84D12;border-radius:2px;transform:rotate(45deg);z-index:-1}.fade-in-service{position:relative;width:600px;height:200px;background-color:#B84D12;opacity:0.8;color:white;font-weight:500;border-radius:3px;bottom:12%;transition:height 500ms ease}.fade-out-service{position:relative;width:40%;min-width:40vw;height:0;background-color:#B84D12;bottom:12%;transition:height 500ms ease}.tracking:before{left:10%}.fade-in-tracking{left:5%}.fade-out-tracking{left:5%}.fading-reporting:before{left:30vw}.fading-reporting{left:20%}.fading-kpis:before{left:30vw}.fading-kpis{left:50%}.services-mobile{margin:auto;padding:3%}.accordion{background-color:#067874b9;color:whitesmoke;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:17px;font-weight:500;transition:0.4s;margin-top:12px}.active-acc,.accordion:hover{background-color:#067875}.accordion:after{content:'\002B';color:whitesmoke;font-weight:bold;float:right;margin-left:5px}.active-acc:after{content:"\2212"}.panel{background-color:white;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out}.mobile-button{margin:auto;margin-bottom:20px}.tools{position:relative;display:grid;background-color:rgba(0,60,120,0.9);padding:3% 5%;grid-template-columns:2fr 0.2fr .7fr .7fr;grid-template-rows:100px 150px 150px 150px 150px;margin:auto}.col-3{grid-column:3}.col-4{grid-column:4}.row-2{grid-row:2}.row-3{grid-row:3}.row-4{grid-row:4}.row-5{grid-row:5}.toolbox{padding-top:20px;padding-right:20px}.tools a{margin:auto}.tools img{margin:auto;width:100px;height:auto;opacity:0.6}.tools img:hover{animation:appear 0.4s ease forwards}@keyframes appear{to{opacity:1;width:110px}}.tool{display:none;opacity:0;transition:opacity 300ms}.block{display:block;opacity:0}.fade-in{opacity:1;transition:opacity 500ms}.fade-out{opacity:0 !important;transition:opacity 500ms}@media screen and (max-width:700px){.tools{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr}.toolbox{grid-row:1;grid-column-start:1;grid-column-end:3}.block{display:none}.col-3{grid-column:1}.col-4{grid-column:2}.row-2{grid-row:2}.row-3{grid-row:3}.row-4{grid-row:4}.row-5{grid-row:5}}.blog{display:flex;position:relative;width:90vw;color:black;padding:5%;margin:auto}@media screen and (max-width:700px){}.blog-highlight{display:grid;grid-template-columns:1fr 2fr;width:85vw;margin:auto;background-color:rgba(0,92,184,0.504);padding:20px;border-radius:5px}.blog-highlight div{padding:10px}.content-container{width:100%;position:relative}.content-container h1{margin-left:5%}.blog a{cursor:pointer;color:black}.blog-article{opacity:0.8;margin:auto;width:25vw;float:left;background-color:rgba(0,92,184,0.504);padding:0% 2%;padding-bottom:1%;border-radius:5px}.blog-article:hover{opacity:1}.blog-article div{padding-top:20px}.contact{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:auto;padding:20px;background-color:rgba(107,45,11,0.315)}.contact-form{grid-column:2;color:rgba(0,60,120,0.9);padding:20px}.contact-col{display:inline-block}@media screen and (max-width:700px){.contact{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.contact-form{grid-column:1;grid-row:2}.contact-form div{display:block}}.form-submit{position:relative;background-color:#067874;color:white;padding:12px 20px;min-width:100px;border:none;border-radius:4px;cursor:pointer;-webkit-appearance:none}.form-submit:hover{background-color:#09a09b}.contact-links{display:grid;grid-column:1;grid-template-rows:2fr 1fr;color:rgba(0,60,120,0.7);margin:auto;padding:20px;text-align:center}.contact-box a{text-decoration:none;color:rgba(0,60,120,0.9);font-weight:500}.contact-box svg{fill:rgba(0,54,107,0.7)}.contact-box svg:hover{fill:rgba(0,54,107,0.99)}.intro-container svg:hover{fill:#37938F}.intro-container a.btn:hover{background-color:#37938F !important}.social-links{grid-row:2;margin:auto}.social-links a{fill:#067874af;fill:rgba(0,54,107,0.6)}.social-links a:hover{fill:#067874;fill:rgba(0,54,107,0.999)}.contact-box{margin:auto;grid-row:1}.fa-footer{display:inline-block;position:relative;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:60px;width:40px;height:40px;text-align:center;text-decoration:none;vertical-align:middle;margin:20px;fill:#067874}.fa-footer:hover{fill:#09a09b}.fa-xing{background:white;border-radius:5%}.fa-linkedin{background:#0e76a8;color:white;border-radius:5%}.fa-envelope{background:white;color:rgba(0,60,120,0.9);margin:auto;bottom:10%;vertical-align:middle}.footer{position:relative;width:100%;height:300px;background-color:rgba(0,60,120,0.9)}.tracking-product{width:100%;position:relative;display:grid;grid-template-columns:30% 60%;grid-template-rows:auto auto;padding:100px 80px;margin:auto;background:rgba(255,255,255,0.801)}.tracking-product h1{color:black;padding-left:40px}.tracking-detail{float:left;width:90%;height:33vw;max-height:400px;background-color:#0678744d;color:black !important;font-size:18px;padding:20px;border-radius:7px;margin:auto;color:rgba(255,255,255,0.667);z-index:20}.tracking-tools{margin:auto;padding:40px;padding-right:80px;box-sizing:border-box;position:relative;color:black;text-align:center}.tracking-tool-overlay{position:absolute;margin:auto;display:table;width:100%;height:400px;top:0;left:0;margin-right:-80px;color:black;background-color:white;opacity:0.8;text-align:center;vertical-align:middle;border-radius:100px}.tracking-tool-overlay p{display:table-cell;vertical-align:middle;text-align:center;font-size:30px;font-weight:400;text-shadow:1px 7px 20px}.tracking-tools a{display:flex;float:right;margin:auto;height:110px;width:110px}.tracking-tools img:hover{opacity:1}.tracking-tools img{width:80px;margin:auto;opacity:0.8}.contact-detail{display:grid;grid-template-columns:20px auto;margin:auto;padding:80px;background:rgba(0,54,107,0.8);color:white;opacity:0.8}.modal-cookie{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;padding:25%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.938);-webkit-animation-name:fadeIn;-webkit-animation-duration:0.4s;animation-name:fadeIn;animation-duration:0.4s;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.modal-cookie-content{position:fixed;top:25%;border-radius:15px;color:white;width:50%}@media screen and (max-width:400px){.modal-cookie{padding:10%;line-height:1.2}.modal-cookie-content{width:80%;top:15%}.cookie-control{margin-top:60px}}#okCookie{color:white;float:left;font-size:40px;font-weight:bold}#okCookie:hover,#okCookie:focus{color:#2196F3;text-decoration:none;cursor:pointer}#moreOptions{color:white;float:right;font-size:20px}#moreOptions:hover,#moreOptions:focus{color:rgb(158,167,158);text-decoration:none;cursor:pointer}#noCookie{color:white;float:right;font-size:20px}#noCookie:hover,#noCookie:focus{color:rgb(158,167,158);text-decoration:none;cursor:pointer}.switch{position:relative;display:inline-block;width:50px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:-5px;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:1px;bottom:2px;background-color:white;-webkit-transition:.4s;transition:.4s}input:checked + .slider{background-color:#2196F3}input:focus + .slider{box-shadow:0 0 1px #2196F3}input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}
.content,.summary{font-size:18px;font-size:1.125rem;font-weight:300;line-height:1.7}h1,h2,h3,h4{padding:20px 0} pre code{display:block;background-color:#333;border-width:0;padding:13px 16px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:130%}blockquote{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:40px;border-left:rgba(0,54,107) 15px solid;padding:0 20px;font-size:16px}.content:last-child{padding-bottom:300px}.post-list {list-style-type:none}h3>a{text-decoration:none;color:black}.hover-link{display:none;color:rgba(0,54,107);font-weight:500;padding-left:6px}h3:hover>.hover-link{display:inline}.sharing-link{display:none;height:calc(1.2rem);width:calc(1.2rem);background-image:url("/storage/app/media/share-link-icon-4.jpeg");background-size:contain;background-repeat:no-repeat;cursor:pointer;margin-left:6px}.post-share>a:hover{width:calc(1.5rem);height:calc(1.5rem)}.envelop{display:inline-block;background-image:url("/themes/david-hemmerle/assets/img/envelopes.svg");height:calc(1.2rem);width:calc(1.2rem);background-size:contain;background-repeat:no-repeat;cursor:pointer;margin-left:6px}.twitter-logo{display:inline-block;background-image:url("/themes/david-hemmerle/assets/img/twitter-logo.png");height:calc(1.2rem);width:calc(1.2rem);background-size:contain;background-repeat:no-repeat;cursor:pointer;margin-left:6px}h3:hover>.sharing-link{display:inline-block}.copy-success{display:none;font-size:14px;color:green;vertical-align:middle;padding-left:10px}.title-related-post{padding-left:20px;color:black;max-width:67%}.image-related-post{max-width:33%}@media screen and (max-width:700px){.title-related-post{padding-left:0px;color:black;max-width:100%}.image-related-post{max-width:100%}}@media screen and (min-width:700px){.image-related-post img{object-position:10%;object-fit:cover;width:240px;height:230px}.image-related-post{max-width:40%}.title-related-post{max-width:60%}}
.last-seen-preview{max-width:200px}.card-body{min-height:6rem}.last-seen-preview h5{font-size:0.9em;font-weight:normal}.last-seen-preview .card-footer{line-height:1.1}@media screen and (max-width:600px){
.last-seen-preview{max-width:100%}.last-seen-preview img{object-position:10%;object-fit:cover;height:100px}}