html,body{width:100%;height:100%;margin:0;padding:0;font-family:Helvetica,sans-serif;font-size:5mm;scroll-behavior:smooth}*{box-sizing:border-box}body{background-color:#141414;background-size:100% 100%;background-position:bottom;background-repeat:no-repeat;background-attachment:fixed;color:white}a{text-decoration:none;color:#84abbc}a:hover,.link:hover{color:#84abbc}.link{border:none;background:none;color:white;font-size:inherit;cursor:pointer}.shadow-large{box-shadow:rgba(50,50,93,0.25) 0 20px 27px 0,rgba(0,0,0,0.3) 0 0 16px 0}.text-shadow{text-shadow:0 4px 6px rgba(0,0,0,0.9),0 8px 13px rgba(0,0,0,0.4),0 18px 23px rgba(0,0,0,0.2)}.text-shadow-strong{text-shadow:0 2px 10px rgba(0,0,0,1.0),0 4px 20px rgba(0,0,0,1.0),0 4px 20px rgba(0,0,0,1.0)}q{display:block;font-style:italic;color:#84abbc;margin:4mm 0}.input-off{pointer-events:none!important}.input-on{pointer-events:all!important}.no-scroll{overflow:hidden!important}.card{display:block;position:relative;width:100%;padding:6mm;margin:12mm 0;background-color:white;color:black;border-radius:1mm;overflow:hidden}.card .icon:first-child{display:block;position:absolute;width:24mm;height:100%;left:0;top:0;font-size:10mm;text-align:center;padding:8mm 0;text-shadow:none}.card summary h3{display:inline-block;margin-bottom:0;margin-left:3mm;user-select:none;cursor:pointer}.card table{width:100%}.card table th,.card table td{text-align:left;vertical-align:top}.icon{margin-right:4mm;color:#84abbc}.cover-image{background-size:cover;background-position:center}.border-left{border-left:2mm solid #435760}.scroller{display:block;position:absolute;left:0;right:0;bottom:2mm;font-size:18mm;text-align:center}@keyframes bounce-down{0%{transform:translateY(-30%);opacity:0}to{transform:translateY(0%);opacity:1}}.anim-bounce-down{animation-name:bounce-down;animation-duration:1000ms;animation-direction:alternate;animation-iteration-count:infinite}.hover-scale{transition:transform ease 200ms;transform:none}.hover-scale:hover{transform:scale(1.05)}#top-bar{position:fixed;top:0;right:0;line-height:6mm;font-size:4mm;z-index:12000;background:black;transition:transform ease 150ms;transform:none}#bottom-bar{position:fixed;right:0;line-height:6mm;font-size:4mm;z-index:12000;background:black;transition:transform ease 150ms}#top-bar .icon{color:#435760}#top-bar{display:none}#top-bar .icon,#bottom-bar .icon,#top-bar a{margin-right:2mm}.scroll #top-bar{transform:translateY(-150%)}.show-scroll{transform:translateY(22mm);transition:transform ease 150ms,opacity linear 250ms}.scroll .show-scroll{transform:none}#side-bar{position:fixed;right:4mm;bottom:4mm;width:20mm;height:44mm;padding:0;z-index:8000;transition:transform ease 150ms}.scroll #side-bar{transform:none}#side-bar>*{display:block;position:absolute;width:auto;right:0;bottom:0;background:black;white-space:nowrap;overflow:hidden;border-radius:10mm}#side-bar>*>span{display:inline-block;max-width:0;opacity:0;will-change:max-width;transition:all ease 200ms}#side-bar>*:hover>span{padding-right:8mm;max-width:80mm;opacity:1}#side-bar .icon{width:20mm;height:20mm;line-height:20mm;text-align:center;margin-right:0;font-size:6mm;color:#84abbc}#side-bar>*:hover .icon{color:#435760}#bottom-bar{top:auto;bottom:0;padding:0;transform:translateY(150%)}.scroll #bottom-bar{transform:none}#bottom-bar a{display:block;width:20mm;height:8mm;line-height:8mm;margin-right:0;text-align:center}#bottom-bar .icon{color:#84abbc}#slider{position:relative}#slider a,#slider img{background:none!important}@media (min-width:801px){.hide-desktop{display:none!important}}@media (max-width:800px){.hide-mobile{display:none!important}}footer{display:block;width:100%;min-height:40mm;padding:18mm;text-align:center;color:#435760;background:black;border-top:1mm solid white}header{position:fixed;width:100%;height:20mm;line-height:20mm;top:0;font-size:5mm;z-index:10000;background:black;transition:all ease 200ms}header nav,header nav>a{transition:all ease 200ms}.scroll header{height:12mm;line-height:12mm;font-size:4mm}header nav{display:block;position:relative;width:100%;height:100%;padding:0 2mm;padding-left:3mm;margin-left:auto;margin-right:auto}header nav>a{display:inline-block;height:100%;padding:3mm 0}header nav>a img{height:100%}.scroll header nav{padding-left:2mm}.scroll header nav>a{padding:2mm 0}header .menu{position:absolute;right:2mm;height:100%}header .menu a{display:inline-block;min-width:18mm;height:100%;padding:0 3mm;text-align:center;text-decoration:none;color:inherit;opacity:.8}header .menu a:hover,header .menu .active{opacity:1;border-bottom:2mm solid #435760}.scroll .menu a:hover,.scroll .menu .active{border-bottom:1.5mm solid #435760}.menu .hide-desktop a{width:12mm;min-width:0}.menu .hide-desktop .icon{margin:0}@media (min-width:801px){nav .menu .toggle{display:none}}@media (max-width:800px){header,.scroll header{height:18mm;line-height:18mm;font-size:5mm}.scroll header nav{padding-left:3mm}.scroll header nav>a{padding:3mm 0}nav .menu{width:100%;right:0;overflow:hidden}nav .menu a{display:none;padding:0}nav .menu .toggle{display:block;width:100%;height:100%;padding-right:6mm;font-size:5mm;text-align:right;background:none;border:none;cursor:pointer}nav .menu .toggle .icon{margin-right:0;color:white}nav .menu .items{display:none;position:fixed;left:0;right:0;top:18mm;bottom:0;background:rgba(0,0,0,0.85);opacity:0;transition:opacity ease 150ms}nav .menu.fade .items{display:block;opacity:0!important}nav .menu.active .items{display:block;opacity:1}nav .menu .items>*{display:block;height:18mm;text-align:left}nav .menu .items>:hover,nav .menu .items>.active{border:none}nav .menu .items .icon{width:18mm;text-align:center;margin-right:0}}main{width:100%;max-width:280mm;margin-top:30mm;padding-top:50%;margin-left:auto;margin-right:auto}section{padding:6mm 0;padding-top:28mm;margin:6mm;margin-top:18mm}section:first-of-type{padding-top:0}section:last-of-type{padding-bottom:36mm}section>a:first-child{padding-top:32mm}section h3:first-child{margin-top:0}section h3:last-child{margin-bottom:0}section h2{padding:6mm;font-size:6mm;color:white;background:#435760;border-radius:1mm}section h2 .icon{color:#84abbc}section article{line-height:1.5em;text-align:justify}section article p:first-child{margin-top:0}section article p:last-child{margin-bottom:0}section ul{padding-left:6mm;list-style-type:square}section li{padding-left:3mm}section li::marker{color:#435760}section .half{display:inline-block;width:49%;vertical-align:top}section .thumb{display:inline-block;position:relative;width:52mm;height:48mm;padding:0;margin:6mm;text-align:center;background:black;background-size:cover;background-position:center;border:none;outline:none;cursor:pointer;transition:transform ease 200ms;transform:none}section .thumb.large{height:80mm}section .thumb span{position:absolute;bottom:0;left:0;right:0;padding:4mm;height:18mm;line-height:1.5em;color:white}#leistungen .thumb{height:58mm}#leistungen .thumb .icon-large{position:relative;top:auto;margin-bottom:4mm}#leistungen .thumb>span{width:auto;height:auto;left:50%;top:50%;bottom:auto;right:auto;transform:translate(-50%,-50%)}#referenzen .thumb{height:58mm;background:#435760}#referenzen .thumb span{height:100%;padding-top:47%;font-size:5mm;background-size:cover;background-position:center}#referenzen .text-shadow:not(:hover){text-shadow:0 4px 6px rgba(0,0,0,0.6),0 8px 13px rgba(0,0,0,0.2),0 18px 23px rgba(0,0,0,0.1)}.thumb .back{opacity:0;transition:opacity ease 300ms;mix-blend-mode:luminosity}.thumb:hover .back{opacity:1}section .thumb:hover{transform:scale(1.1)}section .thumb .icon{position:absolute;display:block;width:100%;top:0;bottom:0;background:#000}section .thumb i.icon{font-size:32mm;padding-top:10mm}section .thumb .icon-large{position:absolute;left:0;right:0;bottom:0;top:20mm;font-size:12mm;color:#84abbc;transform:none;transition:transform ease 150ms}section .thumb img.icon-large{display:inline-block;width:20mm;height:20mm;top:16mm;margin:0 auto;border-radius:50%}section details{padding:0!important}section details summary{padding:6mm;cursor:pointer}section details summary+*{padding:6mm}section details ::marker{color:#84abbc}section details{transition:transform ease 200ms;transform:none}section details:hover{transform:scale(1.05)}section details[open]{transition:none}section details[open]:hover{transform:none}section .card .toggle{display:block;position:absolute;width:100%;height:24mm;bottom:0;left:0;padding-top:14mm;font-family:inherit;font-size:4mm;font-weight:bold;color:#435760;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1.0) 60%);border:none;cursor:pointer}section details.card .toggle{background:none}section article .cover-image{height:140mm;margin-top:0}#slides{position:absolute;left:0;right:0;top:20mm;bottom:0;margin:0;background:black}#slides .slide .button{display:block;position:relative;width:fit-content;padding:2mm 4mm;margin:9mm auto;font-weight:bold;text-shadow:none;border:.5mm solid white;border-radius:2mm;color:white;background:rgba(0,0,0,0.5);transition:background 150ms ease;z-index:1}#slides .slide .button:hover{background:#435760}.slides .slide .center-left b,.slides .slide .center-right b{padding:2mm 4mm;font-weight:bold;text-shadow:none;border:.5mm solid white;border-radius:2mm;color:white;background:rgba(0,0,0,0.5)}#map{text-shadow:none;background-color:#eee}@media (max-width:800px){main{margin-top:18mm;padding-top:100vh}#slides{top:18mm;background:none}#slides>.slide .title{display:inline-block;position:relative;top:6mm;font-size:4mm!important;line-height:1.25em}#slides>.slide .button{font-size:4mm}section article{text-align:left}section.small-gap{margin-top:0;padding-top:0}section:not(:nth-of-type(2)){padding-top:20mm!important;padding-bottom:0!important}section h3{text-align:center}section article img{width:100%!important;height:auto!important}section article .cover-image{height:70mm}section .card.collapse{max-height:80mm;overflow:hidden}section .card.collapse.active{max-height:none}section .card.collapse.active>.toggle{background:none}section .card.collapse .toggle .on{display:none}section .card.collapse.active .toggle .on{display:initial}section .card.collapse.active .toggle .off,section .hide-mobile-off{display:none}section .collapse.active+.hide-mobile-off{display:initial}section .thumb:hover{transform:none}section .thumb.large{width:25mm;height:45mm;margin:1mm}section.mobile-list div.card p{margin:0!important}section.mobile-list .thumb.large{display:block;width:100%!important;height:24mm!important;margin-bottom:4mm!important}section.mobile-list .thumb .icon-large{position:absolute!important;width:24mm!important;left:0!important;top:0!important;bottom:0!important;line-height:24mm!important}section.mobile-list .thumb span{position:absolute;left:16mm!important;right:0!important;top:5mm!important}section.mobile-list .thumb span.two-lines{top:1mm!important}section.mobile-list .thumb span.three-lines{top:-2mm!important}#leistungen .thumb>span{height:100%;left:0!important;top:0!important;padding:0;transform:none}#leistungen .thumb>span b{position:absolute;left:20mm!important;right:0!important;top:50%!important;padding:1mm;transform:translateY(-50%)}section details:hover{transform:none}section details summary{padding:4mm!important}#jobs summary h3{display:inline;margin-left:1mm;font-size:5mm}#jobs summary h3 .title{display:inline-block;width:90%;text-align:left;vertical-align:top}#jobs td{display:block;width:100%!important}#referenzen .thumb span:first-of-type{left:0!important;padding-top:4mm!important}#referenzen .thumb span:not(:first-of-type){position:absolute;height:auto;top:50%!important;left:50%!important;bottom:auto!important;padding:0!important;transform:translate(-50%,-50%)}#referenzen .thumb span.back{top:0!important}#jobs article img{margin-bottom:6mm!important}}.modal{display:none;position:fixed;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:15000;background:rgba(0,0,0,0.8);opacity:1;transition:opacity linear 150ms}.modal.show{display:block}.modal.show.fade{opacity:0;pointer-events:none}.modal.show.fade>*{transform:translate(-50%,-50%) scale(0.5)}.modal>*{position:absolute;top:50%;left:50%;padding:8mm;max-height:90vh;overflow:auto;user-select:none;border-radius:2mm;border:.5mm solid #84abbc;line-height:1.5em;background:black;cursor:pointer;transform:translate(-50%,-50%);will-change:transform;transition:transform ease 150ms}.modal .closer{position:absolute;top:9.3mm;right:8mm;opacity:.5}.modal h3{margin-top:0}.modal ul{padding-left:6mm;list-style-type:square}.modal ul ::marker{color:#84abbc}.modal ul li{padding-left:2mm;margin-top:3mm;margin-bottom:3mm}.modal .slides{position:absolute;left:0;right:0;top:20mm;bottom:4mm}@media (max-width:800px){.modal>*{width:95%;height:95%}}.slider{white-space:nowrap;overflow:hidden;font-size:0;line-height:100px;text-align:center;user-select:none}@media (max-width:599px){.slider{overflow-x:auto}}.slider,.slider *{box-sizing:border-box}.slider>*{display:inline-block;position:relative;width:100px;height:100%;padding:2mm;vertical-align:middle;text-align:center;font-size:initial}.slider>*>img{display:inline-block;max-height:100%;max-width:100%;background:lightyellow;-webkit-transform:scale(1.0);transform:scale(1.0);transition:transform 150ms ease;will-change:transform}.slider>*:hover>img{-webkit-transform:scale(1.15);transform:scale(1.15)}.slider>*>span{display:none;position:absolute;width:100%;left:0;bottom:0;background:orange}.slides{display:block;position:relative;overflow:hidden;user-select:none;background:black}.slides.large{position:fixed!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:auto!important;height:auto!important;z-index:99999}.slides .slide{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;color:white;background:black;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform 200ms ease}.slides .slide>div{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background-size:contain;background-position:center;background-repeat:no-repeat}.slides .slide>span,.slides .slide>div>span{position:absolute;bottom:6mm;left:0;right:0;padding:2mm;font-size:1.5em}.slides.large .slide{cursor:zoom-out}.slides .slide-right{transform:translateX(100%)}.slides .slide-left{transform:translateX(-100%)}.slides>button{position:absolute;width:28mm;height:100%;top:0;z-index:1;background:none;border:none;outline:none;color:white;opacity:.5;cursor:pointer;font-size:12mm}.slides>button:hover{opacity:1}.slides .scroll-left{left:0;background:linear-gradient(to right,rgba(0,0,0,0.8),rgba(0,0,0,0.0))}.slides .scroll-right{right:0;background:linear-gradient(to left,rgba(0,0,0,0.8),rgba(0,0,0,0.0))}.slides .cover{position:absolute;width:100%;height:100%;left:0;top:0}.slides .dots{position:absolute;left:0;right:0;bottom:6mm;font-size:4mm;text-align:center;white-space:nowrap}.slides .dots>i{cursor:pointer}.slides .dots>i:not(:first-child){margin-left:3mm}.slides .slide .center-left{right:50%;bottom:16mm;font-size:5mm}.slides .slide .center-right{left:50%;bottom:16mm;font-size:5mm}@media (max-width:800px){.slides .scroll-left,.slides .scroll-right{background:none!important}.slides .slide .center-left,.slides .slide .center-right{bottom:8mm!important}}