@font-face{font-family:'Roboto';src:url(https://englerarchitektur.ch/wp-content/themes/englerarchitektur/assets/font/Roboto-VariableFont_wdth,wght.ttf) format('truetype');font-display:swap}:root{--header-height:81px;--color-secondary:#ffbd00}html:has(.logged-in) #site-header{top:30px}.px-error{padding:20px;color:#fff;background:red}.desktop-hidden{display:none}*{box-sizing:border-box;margin:0}body{background-color:#fff;font-family:'Roboto',sans-serif;font-size:14px;font-weight:400;display:flex;flex-direction:column;min-height:100svh;justify-content:space-between}h1,h2,h3,h4,h5,h6,p{margin-bottom:1rem}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}#site-header{background-color:#fff;border-bottom:2px solid #000;padding:12px 10px 8px;position:fixed;top:0;left:0;width:100%;z-index:10001}#site-header .container{display:flex;justify-content:space-between;align-items:center}.custom-logo{display:block;max-height:60px;width:auto}.nav-container nav ul{align-items:center;display:flex;column-gap:40px;list-style:none;padding-left:0}.nav-container nav ul li a{color:inherit;font-size:22px;letter-spacing:2px;position:relative;text-decoration:none;text-transform:uppercase}.nav-container nav ul li a:before{content:"";display:inline-block;height:22px;left:-9px;opacity:1;position:absolute;top:2px;transition:background-color .5s,opacity .5s;width:3px}.nav-container nav ul li.current_page_item a:before{background-color:var(--color-secondary)}.nav-container nav ul li:not(.current_page_item) a:hover:before{background-color:var(--color-secondary);opacity:.3;transition:background-color 1s,opacity 1s}#site-main{padding-top:var(--header-height)}main a{color:var(--color-secondary);text-decoration:none}.construction{border-bottom:2px solid #000;display:grid;grid-template-columns:50% 20% 30%;padding:10px;opacity:0;transform:translateY(20px);transition:opacity 0.4s ease,transform 0.4s ease}.construction.visible{opacity:1;transform:translateY(0)}.construction-number{font-weight:600}.construction-title{font-size:inherit;font-weight:600;text-transform:uppercase;letter-spacing:1px}.construction-gallery{aspect-ratio:16 / 9}.construction-gallery a{display:block;cursor:pointer;overflow:hidden}.construction-thumb{aspect-ratio:16 / 9;display:block;filter:grayscale(1);height:100%;object-fit:cover;transition:transform .5s,filter 1s;width:100%}.construction-thumb:hover{filter:grayscale(0);transform:scale(1.07);transition:transform .5s,filter 1s}.construction-text,.construction-details{padding-right:20px}.construction-text-inner{display:-webkit-box;line-height:1.5;overflow:hidden;-webkit-box-orient:vertical;transition-property:max-height;transition-duration:1s}.construction-text-inner.no-clamp{transition-property:max-height;transition-duration:1s}.construction-text-inner h3{color:gray;font-size:12px;font-weight:300;margin-bottom:0}.construction-text:has(.no-clamp) .construction-text-inner{-webkit-line-clamp:none}.construction-text-inner p:last-child{margin-bottom:0}.construction-text .construction-read-more{color:#ffbd00;display:none;margin-top:10px;left:-20px;position:relative}.construction-text .construction-read-more-inner{cursor:pointer;display:inline-block;height:20px;position:relative}.construction-text .construction-read-more span{display:inline-block;background-color:#ffbd00;height:2px;width:20px}.construction-text .construction-read-more span:first-child{transform:translateX(100%) rotate(90deg);transform-origin:center;transition:transform .3s}.construction-text:has(.no-clamp) .construction-read-more span:first-child{transform:translateX(100%) rotate(360deg);transition:transform .3s}.page-template-page-contact #site-main{padding:calc(var(--header-height) + 10px) 10px 10px}.page-template-page-contact h1{text-transform:uppercase}.page-template-page-contact .main-content{max-width:550px}.page-template-page-contact #site-footer{border-top:2px solid #000}.pswp__img{background-color:transparent!important;padding:20px 5svw 40px}.pswp--ui-visible .pswp__button.pswp__hide-on-close{opacity:.4;transition:opacity .3s}.pswp--ui-visible .pswp__button.pswp__hide-on-close:hover{opacity:1;transition:opacity .3s}#site-footer{text-align:right;padding:12px 10px}#site-footer p{margin-bottom:0}@media screen and (max-width:980px) and (min-width:768px){.construction-gallery,.construction-thumb{aspect-ratio:1 / 1}}@media screen and (max-width:767px){.mobile-hidden{display:none}.desktop-hidden{display:block}.construction{display:grid;grid-template-columns:1fr}.construction-text,.construction-details{padding-right:20px}.construction-gallery,.construction-details{margin-bottom:1rem}.construction-text{order:2}}@media screen and (max-width:599px){:root{--header-height:67px}#site-header .container{flex-wrap:wrap}.custom-logo{max-height:45px}.nav-container{max-height:0;overflow:hidden;padding:0 10px;transition:max-height .8s;width:100%}.nav-container nav ul{align-items:start;flex-direction:column;row-gap:10px;padding:10px 0 0}.nav-container nav ul li{width:100%}.nav-container nav ul li a{display:block}#menu-btn{cursor:pointer;transition:transform .8s;transform:rotate(0deg)}#menu-btn.open{transition:transform .8s;transform:rotate(225deg)}#menu-btn.open+.nav-container{transition:max-height .8s;max-height:74px}.menu-btn-inner{position:relative;height:30px;width:30px}.menu-btn-inner:before{content:"";display:block;width:100%;height:2px;background:#000;position:absolute;top:50%;left:0}.menu-btn-inner:after{content:"";display:block;width:2px;height:100%;background:#000;position:absolute;top:0;left:50%}}