/* Integration rules only; layout and fonts come from the TYPO3 original. */
.nav-side-menu li:not(.active) > .sub-menu{display:none}
footer > p,footer > nav{display:inline-block}
.footer-menu{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:0 2em;list-style:none;margin:0;padding:0 0 0 2em;font-size:12px}
@font-face{font-family:'Open Sans Light';src:url('../legacy/fonts/Open_Sans_Light/OpenSans-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
body{font-family:'Open Sans Light',sans-serif;font-weight:300}
#wrapper{overflow:clip;min-height:100vh}
header{width:calc(100% - 40px);max-width:1240px}
#logo a{margin:0;padding:0;float:none;font-size:inherit}
#logo{white-space:nowrap}
#service-nav{align-items:center}
#language{padding-top:5px;white-space:nowrap}
.content{width:76%;max-width:960px}
.typo3-content{margin-bottom:20px}
.typo3-content h1{float:none;margin:0 0 20px;color:#1e1e1e;font-size:1.2em}
.sae-gallery .item{width:185px;height:185px;margin:0;padding:5px;float:left}
.sae-gallery .item img{width:175px;height:175px;object-fit:cover;display:block}
/* Slick positions slides horizontally; overriding this float hides later slides. */
.sae-gallery .works .item{float:left}
.yag-isotope-filter button{background:transparent;color:#1e1e1e;line-height:25px;padding:0 5px;margin-right:25px;text-transform:uppercase;font:inherit;cursor:pointer}
.yag-isotope-filter button[aria-pressed=true],.yag-isotope-filter button:hover{color:#ff8700}
.yag-isotope-filter-container{margin-bottom:18px}
.pswp__caption__center .image-description{display:block}
.pswp__caption__center p{margin:0}
.pswp figure{margin:0}
.sae-projects{display:flex;flex-wrap:wrap;gap:40px}
.sae-projects .entry{width:calc((100% - 80px)/3);max-width:none;min-width:0;margin:0}
.entry:focus-within .mask,.entry:focus-within h2,.entry:focus-within p,.entry:focus-within a.info{opacity:1;transform:scale(1)}
.entry:focus-within img{opacity:.4}
.sae-video{position:relative;aspect-ratio:16/9}
.sae-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.typo3-content iframe{max-width:100%;aspect-ratio:16/9;height:auto}
.news-list-item{margin-bottom:40px;overflow:hidden}
.news-list-item img{max-width:35%;height:auto;float:left;margin:0 20px 15px 0}
.news-list-item h2{text-align:left;margin-left:0}
.news-image img,.single-sae_artwork .content>img{max-width:100%;height:auto}
.archive-result{margin-bottom:30px}
.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;top:5px;left:5px;background:#fff;color:#111;padding:12px;z-index:10000}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #fbb03b;outline-offset:3px}
@media(min-width:768px){.nav-side-menu .menu-content{display:block!important}}
@media(max-width:767px){
 #wrapper{padding:0 12px}header{width:calc(100% - 24px);height:78px;opacity:.96}
 #logo{margin:12px 0 0 5px;font-size:23px}#logo.small{font-size:23px;margin-top:12px}
 #service-nav{padding:0 5px;position:absolute;top:44px;right:0}
 .left{position:relative;float:none;height:auto;margin-top:0;overflow:visible;padding:0;z-index:105}
 .nav-side-menu{width:auto;padding:0;margin:0;position:static}.nav-side-menu .toggle-btn{display:block;position:fixed;top:12px;right:18px;background:#fff;padding:4px;cursor:pointer}
 .nav-side-menu .menu-list{position:fixed;top:78px;left:12px;right:12px;max-height:calc(100vh - 90px);overflow:auto;background:#fff;display:none;padding:14px 20px;box-shadow:0 5px 10px #0002}
 .nav-side-menu.menu-open .menu-list{display:block}.content{margin-left:0;width:100%;padding-top:100px;left:auto;min-height:70vh}
 .main_content,.project-data{width:95%}.sae-projects{gap:15px}.sae-projects .entry{width:calc((100% - 15px)/2)}
 .sae-gallery .isotope .item{width:33.333%;height:auto;aspect-ratio:1}.sae-gallery .isotope .item img{width:100%;height:100%;aspect-ratio:1}.sae-gallery .isotope .item a{display:block;height:100%}
 .yag-isotope-filter button{font-size:11px;margin-right:8px}article h2{margin-left:0}table{max-width:100%;font-size:.85em}table td{padding:5px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
header{top:0}
#logo.small{margin-top:10px}
@media(min-width:768px){.nav-side-menu .toggle-btn{display:none!important}}
/* Match the original's rendered system typography and tablet navigation breakpoint. */
body{font-family:Arial,Helvetica,sans-serif;font-weight:400}
@media(min-width:768px) and (max-width:970px){
 #logo,#logo.small{font-size:20px;margin-top:10px;margin-left:45px}
 .nav-side-menu .toggle-btn{display:block!important;width:40px;background:transparent;padding:3px;float:none}
 .nav-side-menu .menu-list{display:none;background:#fff;padding:10px;max-height:65vh;overflow:auto}
 .nav-side-menu.menu-open .menu-list{display:block}
 .content{margin-left:20%;width:76%}
}
@media(max-width:767px){.nav-side-menu .toggle-btn{width:auto;float:none}}