@charset "UTF-8";article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,h1,hr{padding:0}abbr,address,article,aside,audio,b,blockquote,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h4,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,menu,nav,object,ol,pre,q,samp,section,small,span,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;font-weight:400;font-style:normal}body,html{vertical-align:baseline;font-weight:400}h1{outline:0;font-style:normal}body,h2,h3,h5,html,mark,strong{margin:0;padding:0;outline:0}body,h2,h3,h5,html,strong{border:0;font-style:normal}mark{font-style:italic;font-weight:700}h1,hr,mark,p{border:0}a,h1,h2,h3,h5,mark,p,strong{font-size:100%;vertical-align:baseline}p{padding:0;outline:0;font-weight:400;font-style:normal}ins,mark{background-color:#ff9;color:#000}body{line-height:1;overflow-y:scroll;font-family:"Hind",sans-serif;color:#333;font-size:1em;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{margin:0;background:0 0;color:inherit}a,ins{text-decoration:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}button{cursor:pointer;-webkit-appearance:none}button,button:hover{box-shadow:0 0 0 transparent;border:0 solid transparent;text-shadow:0 0 0 transparent}button:active{outline:0;border:0}button:focus{outline:0}:root{--app-height:100%}.color-white{color:#fff}.color-black{color:#000}.body-dienstleistungen #btn01 a,.body-firma #btn02 a,.body-referenzen #btn03 a,.color-highlight,.main p>a{color:#b20933}.fl-right{float:right}.fl-left{float:left}.clear-both{clear:both}.txt-center{text-align:center}.txt-right{text-align:right}.block{display:block}.inline{display:inline}.static{display:static}.pad-top-1em{padding-top:1em}.pad-bottom-1em{padding-bottom:1em}.pad-bottom-05rem{padding-bottom:.7em}.mar-top-1em{margin-top:1em}.mar-bottom-1em{margin-bottom:1em}.mar-bottom-05rem{margin-bottom:.7em}.mar-bottom-5rem{margin-bottom:5rem}.border-50{border-radius:50%}.line-height,h4{line-height:1.4em}.bg-white{background:#fff}.bg-light-gray{background:#f6f6f6}.border-top-bottom{border-top:3px solid #fff;border-bottom:3px solid #fff}@font-face{font-display:swap;font-family:"Hind";font-style:normal;font-weight:400;src:url(webfonts/hind-v16-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Hind";font-style:normal;font-weight:600;src:url(webfonts/hind-v16-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Hind";font-style:normal;font-weight:700;src:url(webfonts/hind-v16-latin-700.woff2) format("woff2")}*{box-sizing:border-box}html{font-size:20px;background:url(../img/body-bg-home.jpg) no-repeat bottom center fixed;background-size:cover;height:100%;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.frame{position:relative;margin:0 auto;width:92%;max-width:1200px}.grid2,.grid3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;grid-column-gap:4%;grid-row-gap:0}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}img{max-width:100%;height:auto}.main ul,p{line-height:1.4em}p{margin:0 0 1.4em}.main ul{margin-bottom:1.4em}p:last-child{margin-bottom:0}.main ul li{list-style:disc;margin-left:1em}strong{font-weight:600}h1{font-size:1.4rem;margin:0 0 1.4em}h1,h1 span,h2{text-transform:uppercase}h1 span{border-top:1px solid #b20933}h2{margin-bottom:.25rem}h1,h3{color:#b20933}h1,h1 span,h2,h3,h5{font-weight:700}h2,h3,h5{line-height:1.4em}.welcome-title{font-size:2.6em;text-shadow:0 0 3px #fff}.main{padding:5rem 0}.bottom-align h1{position:absolute;bottom:.7rem}.site-header{position:relative;background:rgba(255,255,255,.8)}.logo{display:inline-block;border:0;width:340px;float:left;margin:1rem 0}.site-footer{position:relative;background:rgba(178,9,51,.8);color:#fff}.site-footer p{float:left}.referenz{padding-bottom:.7em;margin-bottom:.7em;border-bottom:1px solid #333}.referenz h2{float:left;width:10%;font-weight:400}.projekt{float:left;width:40%}.kunde,.projekt,.referenz h2{padding-right:4%}.arbeiten,.kunde{float:left;width:25%}#button,.main-nav label{display:none}.main-nav{position:absolute;bottom:1rem;right:0}.main-nav li{display:inline;margin-right:2.5rem}.main-nav li:last-child{margin-right:0}.main-nav li a{font-weight:600;display:inline;border:0}@media screen and (max-width:1000px){html{font-size:18px}.logo{width:280px}}@media screen and (max-width:760px){html{font-size:17px;background:url(../img/body-bg-home.jpg) no-repeat bottom left fixed;background-size:cover}.logo{width:220px}.grid2,.grid3{grid-template-columns:repeat(1,minmax(0,1fr));grid-row-gap:3rem}.site-footer .grid2{grid-row-gap:1.4em}.site-header{height:110px}.bottom-align h1{bottom:0;font-size:2rem}.arbeiten,.kunde,.projekt,.referenz h2{float:none;width:100%;margin:0 0 .7em;padding:0}#button{display:inline-block;cursor:pointer;position:absolute;opacity:0}.main-nav,.main-nav label{display:block;position:absolute}.main-nav label{cursor:pointer;right:0;top:4rem}.main-nav{width:100%;font-size:1.1rem;height:auto;bottom:auto;z-index:50}.main-nav ul{display:none;margin:110px 0 0;padding:1.4em 0;background:rgba(178,9,51,.8);border-radius:6px;border-top-right-radius:0;border-top-left-radius:0}.main-nav ul li{display:block;text-align:right;margin:0}.main-nav ul li a{color:#fff;line-height:1.75rem;padding:0 1em}.main-nav label span{line-height:1.2em;font-weight:600}.main-nav label:before{position:absolute;left:-30px;top:0;content:"";width:20px;height:20px;background-image:url(../img/icon-nav.svg);background-repeat:no-repeat;background-size:auto 100%;background-position:center center}.main-nav input[type=checkbox]:checked~ul{display:block;position:relative}.body-dienstleistungen #btn01 a,.body-firma #btn02 a,.body-referenzen #btn03 a{color:#fff;text-decoration:underline}}@media screen and (max-width:320px){.site-header{height:90px}.logo{width:180px}.main-nav label{top:3.5rem}.main-nav ul{margin:90px 0 0}.bottom-align h1{position:static;padding-top:1rem}}@media screen and (max-height:500px){.site-header{height:90px}.logo{width:180px}.main-nav label{top:3.5rem}.main-nav ul{margin:90px 0 0}.bottom-align{min-height:80vh}.bottom-align h1{position:static;padding-top:1rem}}.group:after{content:"";display:table;clear:both}