@charset "UTF-8";article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,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,h1,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,menu,nav,object,ol,pre,q,samp,section,small,span,strong,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;background:0 0;font-weight:400;font-style:normal}a,body,h2,mark,p{vertical-align:baseline;background:0 0}body{margin:0;line-height:1;font-family:"OfficinaSansITCStd-Book",Lucida,Verdana,sans-serif;color:#121212;font-size:17px}a,h2,mark,p{font-size:100%}body,h2,p{font-weight:400;font-style:normal}a,mark{margin:0}body,h2,mark,p{padding:0;border:0;outline:0}mark{font-style:italic;font-weight:700}ins,mark{background-color:#ff9;color:#000}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{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:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}@font-face{font-family:"OfficinaSansITCStd-Book";src:url(webfonts/2827B0_0_0.eot);src:url(webfonts/2827B0_0_0.eot?#iefix) format("embedded-opentype"),url(webfonts/2827B0_0_0.woff) format("woff"),url(webfonts/2827B0_0_0.ttf) format("truetype")}@font-face{font-family:"OfficinaSansITCStd-Bold";src:url(webfonts/2827B0_1_0.eot);src:url(webfonts/2827B0_1_0.eot?#iefix) format("embedded-opentype"),url(webfonts/2827B0_1_0.woff) format("woff"),url(webfonts/2827B0_1_0.ttf) format("truetype")}.color-white{color:#fff}.color-black{color:#000}.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}.mar-top-1em{margin-top:1em}.mar-bottom-1em{margin-bottom:1em}.border-50{border-radius:50%}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}*{box-sizing:border-box}html{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:101%}.frame{position:relative;margin:0;width:98.5%;max-width:1440px}.main{float:right;width:78.5%}.secondary{float:left;width:20%}.secondary .content{margin:0 7.5%}.secondary>h2{margin:0 0 1.2em 7.5%}.block{padding-bottom:1.2em}.grid-2,.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr;grid-column-gap:1.9108280255%;grid-row-gap:1.1em}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-row-gap:0}.main-section{position:relative}img{max-width:100%}.body-buero .main-nav #btn-buero>a,.body-projekte .main-nav #btn-projekte>a,.body-werkliste .main-nav #btn-werkliste>a,.kompetenzen .btn-kompetenzen>a,.kontakt .btn-kontakt>a,.sort-jahr #nav-jahr>a,.sort-thema #nav-thema>a,.team .btn-team>a,.thema-anderer-baustoff .btn-anderer-baustoff>a,.thema-bueropost .btn-bueropost>a,.thema-holzbau .btn-holzbau>a,.thema-massivbau .btn-massivbau>a,.thema-stahlbau .btn-stahlbau>a,.thema-wettbewerb .btn-wettbewerb>a,a:hover{color:#ee7336}p{line-height:1.2em;margin:0 0 1.2em}p:last-child{margin-bottom:0}h2{margin:0 0 1.2em}.themen-liste li,h1,h2,h3,ul{line-height:1.2em}h1,h2,h3,strong{font-family:"OfficinaSansITCStd-Bold",Lucida,Verdana,sans-serif}a span.arrow-icon{line-height:1.2em;background-image:url(/img/link-arrow.svg);background-size:auto .8em;background-repeat:no-repeat;background-position:right top;padding-right:1.2em;transform:translateY(.05em);white-space:nowrap}.line-small .main{margin-top:.3em;position:relative}.line-small .main:before,.projekt-anriss h3:before{position:absolute;top:-.4em;left:0;content:"";width:3.9em;height:3px;background:#121212}.projekt-anriss a,body.body-buero .main-nav #nav-buero,body.sort-jahr .main-nav #nav-projekte,body.sort-thema .main-nav #nav-projekte,body.sort-thema .main-nav #nav-thema .btn-themen{display:block}.projekt-anriss h3{position:relative;margin-top:1.4em}.projekt-anriss h3:before{top:-.5em}.projekt-detail .main img{display:block;margin-bottom:1.9108280255%}.projekt-detail .main .grid-2 img{display:block;margin-bottom:3.82165605%}.themen-liste li{display:inline}.themen-liste li:not(:last-child):after{content:", "}.projekt-nav{position:absolute;top:-3.5em;height:3.5em;right:0;width:38.5%}.close-projekt,.next-arrow,.prev-arrow{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:2em;height:2em;overflow:hidden;text-indent:-999999em;background-image:url(../img/prev-arrow.svg);background-repeat:no-repeat;background-size:75% auto;background-position:left center}.close-projekt,.next-arrow{background-image:url(../img/next-arrow.svg);background-position:right center;left:2.5em}.close-projekt{background-image:url(../img/close-btn.svg);left:auto;right:0}.site-header,.werkliste-eintrag{line-height:1.2em}.site-header{font-family:"OfficinaSansITCStd-Bold",Lucida,Verdana,sans-serif;margin-bottom:3.5em}.logo{display:inline-block;position:relative;margin:2.8em 7.5% 0}.site-header .main,.site-header .secondary{position:relative;height:9em}.site-header .main:after,.site-header .secondary:after{position:absolute;bottom:0;left:0;content:"";width:100%;height:4px;background:#121212}.site-header .main:after{background:linear-gradient(90deg,#000 0,#121212 49.0445859873%,#fff 49.0445859873%,#fff 50.9554140127%,#121212 50.9554140127%,#121212 100%)}.site-header .main .grid-4{position:relative;top:3em}.site-footer{padding:2.4em 0}.main-nav>li ul,.main-nav>li ul ul,nav input[type=checkbox],nav label{display:none}.main-nav{line-height:1.2em;margin-top:2.8em;position:relative}.main-nav ul,.main-nav ul ul{position:absolute;left:25.4777070064%;width:74.52229299%;top:0}.main-nav ul ul{left:34.188034188%;width:65.81196581%;-webkit-column-count:2;-moz-column-count:2;column-count:2}.main-nav ul ul li{width:50%;display:block}.main-nav a{white-space:nowrap}.kompetenzen .btn-kompetenzen>a:before,.kontakt .btn-kontakt>a:before,.sort-jahr #nav-jahr>a:before,.sort-thema #nav-thema>a:before,.team .btn-team>a:before,.thema-anderer-baustoff .btn-anderer-baustoff>a:before,.thema-bueropost .btn-bueropost>a:before,.thema-holzbau .btn-holzbau>a:before,.thema-massivbau .btn-massivbau>a:before,.thema-stahlbau .btn-stahlbau>a:before,.thema-wettbewerb .btn-wettbewerb>a:before{content:"" url(/img/link-arrow.svg);padding-right:.4em;transform:translateY(.05em);white-space:nowrap;width:.8em;height:auto;display:inline-block}@media screen and (max-width:1440px){.close-projekt{right:.3em}}@media screen and (max-width:1200px){body{font-size:16px}}@media screen and (max-width:900px){body{font-size:15px}}@media screen and (max-width:850px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.body-buero .main,.body-buero .secondary,.projekt-detail .main,.projekt-detail .secondary{float:none;width:98.5%;margin:0 0 0 1.5%}.grid-2,.projekt-detail .main .grid-2{grid-template-columns:repeat(1,minmax(0,1fr))}.secondary .content{margin:0 1.5% 0 0}.site-header{border-bottom:4px solid #000}.site-header .main{position:absolute;right:0;top:0;float:none;padding:0;width:100%}.site-header .secondary{float:none;width:98.5%;margin:0 0 0 1.5%;height:5.5em}.projekt-detail .main .grid-2 img,.projekt-detail .main img{margin-bottom:1.2em}.site-header .main:after,.site-header .secondary:after{content:none}.logo{margin:1.5em 7.5% 0 0;z-index:20}nav,nav input[type=checkbox]{position:absolute;top:0;right:0}nav{z-index:10;width:100%}.main-nav{margin-top:49px;left:auto;width:200px;z-index:100;padding:1.2em;background:#ee7336;display:none}.main-nav li a,nav label{display:block}.main-nav li{margin:.6em 0}.body-buero .main-nav #btn-buero>a,.body-projekte .main-nav #btn-projekte>a,.body-werkliste .main-nav #btn-werkliste>a,.kompetenzen .btn-kompetenzen>a,.kontakt .btn-kontakt>a,.main-nav li a:hover,.sort-jahr #nav-jahr>a,.sort-thema #nav-thema>a,.team .btn-team>a,.thema-anderer-baustoff .btn-anderer-baustoff>a,.thema-bueropost .btn-bueropost>a,.thema-holzbau .btn-holzbau>a,.thema-massivbau .btn-massivbau>a,.thema-stahlbau .btn-stahlbau>a,.thema-wettbewerb .btn-wettbewerb>a{color:#fff}.main-nav>li,.main-nav>li ul,.main-nav>li ul ul{text-align:left;display:block}.main-nav ul li,.main-nav ul>li{margin-left:.9em}.main-nav ul,.main-nav ul ul{position:static;left:0;width:100%}.main-nav ul ul li{width:auto;display:block;margin-right:1.2em}.main-nav ul ul{-webkit-column-count:1;-moz-column-count:1;column-count:1}.kompetenzen .btn-kompetenzen>a:before,.kontakt .btn-kontakt>a:before,.sort-jahr #nav-jahr>a:before,.sort-thema #nav-thema>a:before,.team .btn-team>a:before,.thema-anderer-baustoff .btn-anderer-baustoff>a:before,.thema-bueropost .btn-bueropost>a:before,.thema-holzbau .btn-holzbau>a:before,.thema-massivbau .btn-massivbau>a:before,.thema-stahlbau .btn-stahlbau>a:before,.thema-wettbewerb .btn-wettbewerb>a:before{content:none}.main-nav,nav label{position:absolute;top:0;right:0}nav input[type=checkbox]{width:100px;height:45px;opacity:0}nav label span{color:#000;line-height:45px;background-color:#ee7336;background-image:url(../img/iconMenu.png);background-repeat:no-repeat;background-size:auto auto;background-position:left 1em top 1em;padding:.1em 1em 0 45px;cursor:pointer;margin:0;display:block}nav input[type=checkbox]:checked~ul{display:block}}@media screen and (max-width:500px){.grid-4{grid-template-columns:repeat(1,minmax(0,1fr))}}.group:after{content:"";display:table;clear:both}