/*! Theme Name: Kneip Tiefbau
 * * Author: Christopher Schneider, match.up
 * * Author URI: https://www.matchpunktup.de
 * * Version: 1.0
 * * Text Domain: kneip */@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:400;src:url(fonts/rubik-v31-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Rubik;font-style:italic;font-weight:400;src:url(fonts/rubik-v31-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:600;src:url(fonts/rubik-v31-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Rubik;font-style:italic;font-weight:600;src:url(fonts/rubik-v31-latin-600italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:800;src:url(fonts/rubik-v31-latin-800.woff2) format("woff2")}@font-face{font-display:swap;font-family:Rubik;font-style:italic;font-weight:800;src:url(fonts/rubik-v31-latin-800italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Rubik Mono One";font-style:normal;font-weight:400;src:url(fonts/rubik-mono-one-v20-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Rubik Mono One";font-style:normal;font-weight:400;src:url(fonts/rubik-mono-one-v20-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Arial Black";font-style:normal;font-weight:400;src:url(fonts/arial-black.woff2) format("woff2")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,input,label,select,textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;background:0 0;font-size:inherit;font-family:inherit;line-height:inherit}html *{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:border-box}:focus{outline:0}body::-webkit-scrollbar-track{background-color:#d2d2d2}body::-webkit-scrollbar{width:5px;background-color:#d2d2d2}body::-webkit-scrollbar-thumb{background-color:#22137c}.clear{clear:both;height:0;width:0}.overflow-hidden{overflow:hidden}@media only screen and (min-width:980px){.overflow-hidden{overflow:visible}}.elder-stucks{top:0;position:fixed}body,html{min-height:100%}html{font:10px/1 "Arial Black",Arial,sans-serif;font-weight:400;font-style:normal;color:#22137c}body{overflow-x:hidden;background:url(images/body-background.webp) top center no-repeat;background-size:100% auto;background-attachment:fixed}strong{font-weight:800}em{font-style:italic}a{text-decoration:none;color:#de7d00;border-bottom:1px solid rgba(222,125,0,.25);transition:border-color .15s}a:active,a:focus,a:hover{border-color:#de7d00}img{width:100%;height:auto;display:block;margin:0}svg{transform-origin:center center}#header{position:fixed;top:0;left:0;right:0;width:100%;background:#fff;z-index:10;box-shadow:0 0 20px rgba(0,0,0,.1)}#header.nav-open #header-main .wrap #toggle-mainnav span{background:0 0}#header.nav-open #header-main .wrap #toggle-mainnav span:before{transform:rotate(45deg);bottom:0}#header.nav-open #header-main .wrap #toggle-mainnav span:after{transform:rotate(-45deg);top:0}#header.nav-open #mainnav{transform:translateX(0)}@media only screen and (min-width:980px){#header.elder-scrolls{background:#fff;box-shadow:0 0 50px rgba(0,0,0,.1)}}@media only screen and (min-width:980px){#header{background:#fff;box-shadow:0 0 50px transparent}}#header #header-meta{background:#fff;display:none}@media only screen and (min-width:768px){#header #header-meta{display:block;height:50px}}#header #header-meta .wrap{max-width:1500px;margin:0 auto;padding:10px 20px;display:flex;flex-wrap:wrap}@media only screen and (min-width:768px){#header #header-meta .wrap{padding:15px 50px}}#header #header-meta .wrap p{width:50%;font-size:1.2rem}#header #header-meta .wrap p:first-child{display:flex;flex-wrap:wrap;gap:10px}#header #header-meta .wrap p:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}#header #header-main{height:80px}@media only screen and (min-width:1200px){#header #header-main{height:105px}}@media only screen and (min-width:1600px){#header #header-main{height:130px}}#header #header-main .wrap{max-width:1500px;margin:0 auto;padding:15px 20px;position:relative}@media only screen and (min-width:768px){#header #header-main .wrap{padding:15px 50px}}@media only screen and (min-width:980px){#header #header-main .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}}#header #header-main #logo{display:block;width:100px;border-bottom:0}@media only screen and (min-width:1200px){#header #header-main #logo{width:150px}}@media only screen and (min-width:1600px){#header #header-main #logo{width:200px}}#header #header-main #toggle-mainnav{position:absolute;width:36px;height:36px;top:50%;transform:translateY(-50%);right:15px;cursor:pointer;border-bottom:0}@media only screen and (min-width:768px){#header #header-main #toggle-mainnav{right:50px}}@media only screen and (min-width:980px){#header #header-main #toggle-mainnav{display:none}}#header #header-main #toggle-mainnav span{width:36px;height:2px;background:#22137c;position:absolute;top:50%;transform:translateY(-50%);border-radius:8px;transition:background .15s}#header #header-main #toggle-mainnav span:after,#header #header-main #toggle-mainnav span:before{position:absolute;display:block;content:"";width:36px;height:2px;background:#22137c;border-radius:8px}#header #header-main #toggle-mainnav span:before{bottom:10px;transition:.15s}#header #header-main #toggle-mainnav span:after{top:10px;transition:.15s}#mainnav{position:fixed;z-index:6;top:70px;left:0;width:100%;height:100%;background:#22137c;padding:50px 20px;transform:translateX(100%);transition:transform .15s ease-in-out}@media only screen and (min-width:768px){#mainnav{top:113px;padding:50px}}@media only screen and (min-width:980px){#mainnav{position:relative;z-index:6;top:auto;left:auto;width:calc(100% - 100px);height:auto;background:0 0;padding:0;transform:translateX(0);transition:none}}@media only screen and (min-width:1200px){#mainnav{width:calc(100% - 150px)}}@media only screen and (min-width:1600px){#mainnav{width:calc(100% - 200px)}}@media only screen and (min-width:980px){#mainnav ul{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px}}@media only screen and (min-width:1600px){#mainnav ul{gap:30px}}#mainnav ul li a{font-size:2.2rem;font-family:"Arial Black",Rubik,Arial,sans-serif;color:#fff;display:block;border-bottom:0;padding:15px 0;transition:color .15s ease-in-out}@media only screen and (min-width:980px){#mainnav ul li a{font-size:1.6rem;color:#22137c;padding:0}}@media only screen and (min-width:1600px){#mainnav ul li a{font-size:2rem}}#mainnav ul li a:active,#mainnav ul li a:focus,#mainnav ul li a:hover{color:#de7d00}#mainnav ul li a.special{position:relative}@media only screen and (min-width:980px){#mainnav ul li a.special{color:#fff;background:#22137c;padding:15px 65px 15px 15px;transition:background .15s ease-in-out}}@media only screen and (min-width:980px) and (min-width:1600px){#mainnav ul li a.special{padding:15px 75px 15px 25px}}@media only screen and (min-width:980px){#mainnav ul li a.special:active,#mainnav ul li a.special:focus,#mainnav ul li a.special:hover{background:#de7d00}}#mainnav ul li a.special::after{display:none;content:"";background:url(images/bagger.webp);background-size:cover;position:absolute;top:-12px;right:-20px;width:89px;height:70px;transform:scale(.75);transition:transform .15s ease-in-out}@media only screen and (min-width:980px){#mainnav ul li a.special::after{display:block}}@media only screen and (min-width:1600px){#mainnav ul li a.special::after{transform:scale(1)}}#main{padding-top:110px}@media only screen and (min-width:768px){#main{padding-top:160px}}@media only screen and (min-width:1200px){#main{padding-top:185px}}@media only screen and (min-width:1600px){#main{padding-top:210px}}#hero .wrap{max-width:1500px;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;background:#fff;border-bottom:2px solid #22137c}#hero .wrap .hero-col{width:100%}@media only screen and (min-width:768px){#hero .wrap .hero-col{width:50%}}#hero .wrap .hero-col.left{padding:50px 20px 20px 20px}@media only screen and (min-width:768px){#hero .wrap .hero-col.left{padding:50px}}@media only screen and (min-width:1200px){#hero .wrap .hero-col.left{padding:75px 50px}}@media only screen and (min-width:1600px){#hero .wrap .hero-col.left{padding:100px 50px}}#hero .wrap .hero-col.left h1 span{display:block;font-size:1.6rem;margin-top:5px}@media only screen and (min-width:768px){#hero .wrap .hero-col.left h1 span{font-size:2rem}}@media only screen and (min-width:980px){#hero .wrap .hero-col.left h1 span{font-size:2.2rem}}@media only screen and (min-width:1200px){#hero .wrap .hero-col.left h1 span{font-size:2.6rem;margin-top:10px}}@media only screen and (min-width:1600px){#hero .wrap .hero-col.left h1 span{font-size:3rem;margin-top:20px}}#hero .wrap .hero-col.left p{font-size:1.4rem;line-height:130%;margin-top:20px}@media only screen and (min-width:768px){#hero .wrap .hero-col.left p{font-size:1.6rem}}@media only screen and (min-width:980px){#hero .wrap .hero-col.left p{font-size:1.8rem}}@media only screen and (min-width:1200px){#hero .wrap .hero-col.left p{font-size:2rem;margin-top:30px}}@media only screen and (min-width:1600px){#hero .wrap .hero-col.left p{font-size:2.4rem;line-height:140%;margin-top:50px}}#hero .wrap .hero-col.right{background:#fff url(images/kneip-hero.webp) center left no-repeat;background-size:cover;padding-bottom:50%}@media only screen and (min-width:768px){#hero .wrap .hero-col.right{padding-bottom:0}}#history .wrap{max-width:1500px;margin:0 auto;padding:50px 20px;display:flex;flex-wrap:wrap;gap:20px}@media only screen and (min-width:768px){#history .wrap{padding:50px;gap:50px}}@media only screen and (min-width:980px){#history .wrap{padding:75px 50px}}@media only screen and (min-width:1200px){#history .wrap{padding:100px 50px}}@media only screen and (min-width:1600px){#history .wrap{padding:150px 50px}}#history .wrap .col{width:100%}@media only screen and (min-width:768px){#history .wrap .col{width:calc(50% - 25px)}}#history .wrap .col.left p{margin-top:20px}@media only screen and (min-width:1200px){#history .wrap .col.left p{margin-top:30px}}@media only screen and (min-width:1600px){#history .wrap .col.left p{margin-top:50px}}#history .wrap .col.left .accordion{margin-top:20px}@media only screen and (min-width:1200px){#history .wrap .col.left .accordion{margin-top:30px}}@media only screen and (min-width:1600px){#history .wrap .col.left .accordion{margin-top:50px}}#history .wrap .col.left .accordion .acc-wrap{padding:20px;border:2px solid #22137c;transition:border-color .15s ease-in-out;margin-top:5px;cursor:pointer}#history .wrap .col.left .accordion .acc-wrap:active,#history .wrap .col.left .accordion .acc-wrap:focus,#history .wrap .col.left .accordion .acc-wrap:hover{border-color:#de7d00}#history .wrap .col.left .accordion .acc-wrap p{margin-top:0;padding-top:20px}#history .wrap .col.right img{box-shadow:10px 10px 0 #22137c}#imagebanner .wrap{max-width:1500px;margin:0 auto;display:flex;flex-wrap:wrap;gap:0}#imagebanner .wrap .image-box{align-items:stretch;position:relative}#imagebanner .wrap .image-box:nth-child(1){width:33.3333333333%;padding-bottom:50%;background:url(images/bodenhaftung.webp) center center no-repeat;background-size:cover}@media only screen and (min-width:1600px){#imagebanner .wrap .image-box:nth-child(1) .caption{top:20px;left:20px;bottom:auto}}#imagebanner .wrap .image-box:nth-child(2){width:33.3333333333%;padding-bottom:50%;background:url(images/247einsatz.webp) center center no-repeat;background-size:cover}#imagebanner .wrap .image-box:nth-child(3){width:33.3333333333%;padding-bottom:50%;background:url(images/unterirdischgut.webp) center center no-repeat;background-size:cover}@media only screen and (min-width:1600px){#imagebanner .wrap .image-box:nth-child(3) .caption{top:20px;right:-20px;bottom:auto;left:auto}}#imagebanner .wrap .image-box img{object-fit:cover}#imagebanner .wrap .image-box .caption{position:absolute;bottom:20px;left:20px;width:calc(100% - 50px);padding:10px;background:#f2f2f2;font-weight:400;font-family:"Arial Black",Rubik,Arial,sans-serif}@media only screen and (min-width:1600px){#imagebanner .wrap .image-box .caption{left:-20px}}#imagebanner .wrap .image-box .caption span{display:block;font-weight:400;font-family:"Arial Black",Arial,sans-serif}#competence .wrap{max-width:1500px;margin:0 auto;padding:50px 20px;display:flex;flex-wrap:wrap;gap:20px}@media only screen and (min-width:768px){#competence .wrap{padding:50px}}@media only screen and (min-width:980px){#competence .wrap{padding:75px 50px}}@media only screen and (min-width:1200px){#competence .wrap{padding:100px 50px;gap:30px}}@media only screen and (min-width:1600px){#competence .wrap{padding:150px 50px;gap:50px}}#competence .wrap h2{width:100%}#competence .wrap h2 span{font-family:"Arial Black",Arial,sans-serif;display:block}#competence .wrap .comp-box{width:100%;padding:20px;background:#fff}@media only screen and (min-width:768px){#competence .wrap .comp-box{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px}}@media only screen and (min-width:980px){#competence .wrap .comp-box{width:calc(50% - 10px)}}@media only screen and (min-width:1200px){#competence .wrap .comp-box{width:calc(50% - 15px);padding:40px}}@media only screen and (min-width:1600px){#competence .wrap .comp-box{width:calc(50% - 25px)}}#competence .wrap .comp-box img{width:auto;max-height:150px;margin:0 auto}@media only screen and (min-width:768px){#competence .wrap .comp-box img{width:100px;max-height:100%;margin:0}}#competence .wrap .comp-box .comp-content{width:100%;margin-top:20px}@media only screen and (min-width:768px){#competence .wrap .comp-box .comp-content{width:calc(100% - 120px);margin-top:0}}#competence .wrap .comp-box .comp-content p{padding-top:10px;display:none}#competence .wrap .comp-box.w100 .comp-content{width:100%}#competence .wrap .comp-box.hovered .comp-content p{height:auto;opacity:1}@media only screen and (min-width:768px){#competence .wrap .comp-box:nth-child(2) img{width:60px}}@media only screen and (min-width:768px){#competence .wrap .comp-box:nth-child(2) .comp-content{width:calc(100% - 80px)}}#team{position:relative}#team::before{display:block;content:"";width:100%;max-width:1500px;margin:0 auto;height:50px;background:url(images/banner.webp) top center no-repeat;background-size:auto 50px;position:absolute;top:-25px;left:0;right:0}#team .wrap{max-width:1500px;margin:0 auto;padding:50px 20px;display:flex;flex-wrap:wrap;gap:20px;background:#f2f2f2}@media only screen and (min-width:768px){#team .wrap{padding:50px;gap:30px}}@media only screen and (min-width:980px){#team .wrap{padding:75px 50px;gap:20px}}@media only screen and (min-width:1200px){#team .wrap{padding:100px 50px;gap:40px}}@media only screen and (min-width:1600px){#team .wrap{padding:150px 50px}}#team .wrap h2{width:100%}#team .wrap .team-box{width:100%;background:#fff;box-shadow:10px 10px 0 #22137c}#team .wrap .team-box img{width:100%}#team .wrap .team-box .team-data{padding:20px}#team .wrap .team-box .team-data p{margin-top:5px;line-height:140%}@media only screen and (min-width:768px){#team .wrap .team-box{width:calc(33.33333333% - 20px)}}@media only screen and (min-width:980px){#team .wrap .team-box{width:calc(25% - 15px)}}@media only screen and (min-width:1200px){#team .wrap .team-box{width:calc(25% - 30px)}}#career{margin-top:50px}@media only screen and (min-width:768px){#career{margin-top:75px}}@media only screen and (min-width:980px){#career{margin-top:100px}}@media only screen and (min-width:1200px){#career{margin-top:150px}}#career .wrap{max-width:1500px;margin:0 auto;padding:50px 20px;text-align:center;border-bottom:2px solid #22137c;background:#f2f2f2 url(images/kneip-karriere.webp) center center no-repeat;background-size:cover}@media only screen and (min-width:768px){#career .wrap{padding:75px 50px}}@media only screen and (min-width:980px){#career .wrap{padding:100px 50px}}@media only screen and (min-width:1200px){#career .wrap{padding:150px 50px}}#career .wrap h2{max-width:660px;margin:0 auto}#career .wrap p{max-width:660px;margin:0 auto;margin-top:20px}@media only screen and (min-width:1200px){#career .wrap p{margin-top:30px}}@media only screen and (min-width:1600px){#career .wrap p{margin-top:50px}}#imprint .wrap{max-width:1500px;margin:0 auto;padding:50px 20px}@media only screen and (min-width:768px){#imprint .wrap{padding:50px;padding-bottom:0}}@media only screen and (min-width:980px){#imprint .wrap{padding:75px 50px;padding-bottom:0}}@media only screen and (min-width:1200px){#imprint .wrap{padding:100px 50px;padding-bottom:0}}@media only screen and (min-width:1600px){#imprint .wrap{padding:150px 50px;padding-bottom:0}}#imprint .wrap h2{margin-top:20px}@media only screen and (min-width:1200px){#imprint .wrap h2{margin-top:50px}}#imprint .wrap p{margin-top:20px}@media only screen and (min-width:1200px){#imprint .wrap p{margin-top:30px}}#privacy .wrap{max-width:1500px;margin:0 auto;padding:50px 20px}@media only screen and (min-width:768px){#privacy .wrap{padding:50px}}@media only screen and (min-width:980px){#privacy .wrap{padding:75px 50px}}@media only screen and (min-width:1200px){#privacy .wrap{padding:100px 50px}}@media only screen and (min-width:1600px){#privacy .wrap{padding:150px 50px}}#imprint .wrap h2,#privacy .wrap h2{margin-top:20px}@media only screen and (min-width:1200px){#imprint .wrap h2,#privacy .wrap h2{margin-top:50px}}#imprint .wrap h3,#privacy .wrap h3{margin-top:20px}@media only screen and (min-width:1200px){#imprint .wrap h3,#privacy .wrap h3{margin-top:40px}}#imprint .wrap h4,#imprint .wrap p,#privacy .wrap h4,#privacy .wrap p{margin-top:20px}@media only screen and (min-width:1200px){#imprint .wrap h4,#imprint .wrap p,#privacy .wrap h4,#privacy .wrap p{margin-top:30px}}#imprint .wrap ul,#privacy .wrap ul{list-style-type:disc;padding-left:20px;margin-top:20px}@media only screen and (min-width:1200px){#imprint .wrap ul,#privacy .wrap ul{padding-left:30px;margin-top:30px}}#footer{margin-top:50px}#footer .wrap{max-width:1500px;margin:0 auto;padding:50px 20px;display:flex;flex-wrap:wrap;gap:20px}@media only screen and (min-width:768px){#footer .wrap{padding:50px}}@media only screen and (min-width:980px){#footer .wrap{padding:75px 50px}}@media only screen and (min-width:1200px){#footer .wrap{padding:100px 50px}}@media only screen and (min-width:1600px){#footer .wrap{gap:40px}}#footer .wrap p{line-height:140%}#footer .wrap #footer-logo{width:100px;border-bottom:0}@media only screen and (min-width:980px){#footer .wrap #footer-logo{width:180px}}#footer .wrap .footer-address{width:100%}@media only screen and (min-width:768px){#footer .wrap .footer-address{width:180px;align-self:flex-end}}@media only screen and (min-width:980px){#footer .wrap .footer-address{width:200px}}@media only screen and (min-width:1600px){#footer .wrap .footer-address{width:240px}}#footer .wrap .footer-contact{width:100%}@media only screen and (min-width:768px){#footer .wrap .footer-contact{width:170px;align-self:flex-end}}@media only screen and (min-width:980px){#footer .wrap .footer-contact{width:220px}}#footer .wrap .footer-legal{width:100%}@media only screen and (min-width:768px){#footer .wrap .footer-legal{width:calc(100% - 510px);align-self:flex-end;text-align:right}}@media only screen and (min-width:980px){#footer .wrap .footer-legal{width:calc(100% - 640px)}}@media only screen and (min-width:1600px){#footer .wrap .footer-legal{width:calc(100% - 760px)}}#footer .wrap .footer-legal a{color:#999;border-bottom:1px solid #f2f2f2;transition:color .15s ease-in-out,border-color .15s ease-in-out}#footer .wrap .footer-legal a:active,#footer .wrap .footer-legal a:focus,#footer .wrap .footer-legal a:hover{border-color:#666;color:#666}@media only screen and (min-width:768px){#footer .wrap .footer-legal a{margin-left:10px}}h1,h2{font-family:"Arial Black",Rubik,Arial,sans-serif}h3,h4,h5,h6{font-weight:800}h1{font-size:2rem}@media only screen and (min-width:768px){h1{font-size:2.4rem}}@media only screen and (min-width:980px){h1{font-size:2.6rem}}@media only screen and (min-width:1200px){h1{font-size:3.6rem}}@media only screen and (min-width:1600px){h1{font-size:4.4rem}}h2{font-size:1.8rem}@media only screen and (min-width:768px){h2{font-size:2rem}}@media only screen and (min-width:980px){h2{font-size:2.4rem}}@media only screen and (min-width:1200px){h2{font-size:3.2rem}}@media only screen and (min-width:1600px){h2{font-size:4rem}}h3{font-size:1.6rem}@media only screen and (min-width:768px){h3{font-size:1.8rem}}@media only screen and (min-width:980px){h3{font-size:2rem}}@media only screen and (min-width:1200px){h3{font-size:2.2rem}}@media only screen and (min-width:1600px){h3{font-size:2.4rem}}h4{font-size:1.5rem}@media only screen and (min-width:768px){h4{font-size:1.6rem}}@media only screen and (min-width:1200px){h4{font-size:1.8rem}}@media only screen and (min-width:1600px){h4{font-size:2rem}}li,p{font-size:1.4rem;line-height:130%}@media only screen and (min-width:1200px){li,p{font-size:1.6rem}}@media only screen and (min-width:1600px){li,p{font-size:1.8rem;line-height:140%}}.button-wrap .button{display:inline-block;padding:14px 20px 12px 20px;font-family:"Arial Black",Rubik,Arial,sans-serif;background:#22137c;color:#fff;border-bottom:0;transition:background .15s ease-in-out}@media only screen and (min-width:1200px){.button-wrap .button{padding:20px 26px 16px 26px}}.button-wrap .button:active,.button-wrap .button:focus,.button-wrap .button:hover{background:#de7d00}
/*# sourceMappingURL=style.css.map */