body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
.glightbox-container {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:999999!important;
    overflow:hidden;
    -ms-touch-action:none;
    touch-action:none;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    outline:0
}

.glightbox-container.inactive {
    display:none
}

.glightbox-container .gcontainer {
    position:relative;
    width:100%;
    height:100%;
    z-index:9999;
    overflow:hidden
}

.glightbox-container .gslider {
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease;
    height:100%;
    left:0;
    top:0;
    width:100%;
    position:relative;
    overflow:hidden;
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}

.glightbox-container .gslide {
    width:100%;
    position:absolute;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    opacity:0
}

.glightbox-container .gslide.current {
    opacity:1;
    z-index:99999;
    position:relative
}

.glightbox-container .gslide.prev {
    opacity:1;
    z-index:9999
}

.glightbox-container .gslide-inner-content {
    width:100%
}

.glightbox-container .ginner-container {
    position:relative;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    max-width:100%;
    margin:auto;
    height:100vh
}

.glightbox-container .ginner-container.gvideo-container {
    width:100%
}

.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}

.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right {
    max-width:100%!important
}

.gslide iframe,.gslide video {
    outline:0!important;
    border:none;
    min-height:165px;
    -webkit-overflow-scrolling:touch;
    -ms-touch-action:auto;
    touch-action:auto
}

.gslide:not(.current) {
    pointer-events:none
}

.gslide-image {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

.gslide-image img {
    max-height:100vh;
    display:block;
    padding:0;
    float:none;
    outline:0;
    border:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    max-width:100vw;
    width:auto;
    height:auto;
    -o-object-fit:cover;
    object-fit:cover;
    -ms-touch-action:none;
    touch-action:none;
    margin:auto;
    min-width:200px
}

.desc-bottom .gslide-image img,.desc-top .gslide-image img {
    width:auto
}

.desc-left .gslide-image img,.desc-right .gslide-image img {
    width:auto;
    max-width:100%
}

.gslide-image img.zoomable {
    position:relative
}

.gslide-image img.dragging {
    cursor:-webkit-grabbing!important;
    cursor:grabbing!important;
    -webkit-transition:none;
    transition:none
}

.gslide-video {
    position:relative;
    max-width:100vh;
    width:100%!important
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
    display:none
}

.gslide-video .gvideo-wrapper {
    width:100%;
    margin:auto
}

.gslide-video::before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(255,0,0,.34);
    display:none
}

.gslide-video.playing::before {
    display:none
}

.gslide-video.fullscreen {
    max-width:100%!important;
    min-width:100%;
    height:75vh
}

.gslide-video.fullscreen video {
    max-width:100%!important;
    width:100%!important
}

.gslide-inline {
    background:#fff;
    text-align:left;
    max-height:calc(100vh - 40px);
    overflow:auto;
    max-width:100%;
    margin:auto
}

.gslide-inline .ginlined-content {
    padding:20px;
    width:100%
}

.gslide-inline .dragging {
    cursor:-webkit-grabbing!important;
    cursor:grabbing!important;
    -webkit-transition:none;
    transition:none
}

.ginlined-content {
    overflow:auto;
    display:block!important;
    opacity:1
}

.gslide-external {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    min-width:100%;
    background:#fff;
    padding:0;
    overflow:auto;
    max-height:75vh;
    height:100%
}

.gslide-media {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:auto
}

.zoomed .gslide-media {
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}

.desc-bottom .gslide-media,.desc-top .gslide-media {
    margin:0 auto;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}

.gslide-description {
    position:relative;
    -webkit-box-flex:1;
    -ms-flex:1 0 100%;
    flex:1 0 100%
}

.gslide-description.description-left,.gslide-description.description-right {
    max-width:100%
}

.gslide-description.description-bottom,.gslide-description.description-top {
    margin:0 auto;
    width:100%
}

.gslide-description p {
    margin-bottom:12px
}

.gslide-description p:last-child {
    margin-bottom:0
}

.zoomed .gslide-description {
    display:none
}

.glightbox-button-hidden {
    display:none
}

.glightbox-mobile .glightbox-container .gslide-description {
    height:auto!important;
    width:100%;
    position:absolute;
    bottom:0;
    padding:19px 11px;
    max-width:100vw!important;
    -webkit-box-ordinal-group:3!important;
    -ms-flex-order:2!important;
    order:2!important;
    max-height:78vh;
    overflow:auto!important;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);
    -webkit-transition:opacity .3s linear;
    transition:opacity .3s linear;
    padding-bottom:50px
}

.glightbox-mobile .glightbox-container .gslide-title {
    color:#fff;
    font-size:1em
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color:#a1a1a1
}

.glightbox-mobile .glightbox-container .gslide-desc a {
    color:#fff;
    font-weight:700
}

.glightbox-mobile .glightbox-container .gslide-desc * {
    color:inherit
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
    color:#fff;
    opacity:.4
}

.gdesc-open .gslide-media {
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease;
    opacity:.4
}

.gdesc-open .gdesc-inner {
    padding-bottom:30px
}

.gdesc-closed .gslide-media {
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease;
    opacity:1
}

.greset {
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}

.gabsolute {
    position:absolute
}

.grelative {
    position:relative
}

.glightbox-desc {
    display:none!important
}

.glightbox-open {
    overflow:hidden
}

.gloader {
    height:25px;
    width:25px;
    -webkit-animation:lightboxLoader .8s infinite linear;
    animation:lightboxLoader .8s infinite linear;
    border:2px solid #fff;
    border-right-color:transparent;
    border-radius:50%;
    position:absolute;
    display:block;
    z-index:9999;
    left:0;
    right:0;
    margin:0 auto;
    top:47%
}

.goverlay {
    width:100%;
    height:calc(100vh + 1px);
    position:fixed;
    top:-1px;
    left:0;
    background:#000;
    will-change:opacity
}

.glightbox-mobile .goverlay {
    background:#000
}

.gclose,.gnext,.gprev {
    z-index:99999;
    cursor:pointer;
    width:26px;
    height:44px;
    border:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}

.gclose svg,.gnext svg,.gprev svg {
    display:block;
    width:25px;
    height:auto;
    margin:0;
    padding:0
}

.gclose.disabled,.gnext.disabled,.gprev.disabled {
    opacity:.1
}

.gclose .garrow,.gnext .garrow,.gprev .garrow {
    stroke:#fff
}

.gbtn.focused {
    outline:2px solid #0f3d81
}

iframe.wait-autoplay {
    opacity:0
}

.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev {
    opacity:0!important
}

.glightbox-clean .gslide-description {
    background:#fff
}

.glightbox-clean .gdesc-inner {
    margin: 10px 0 0 0
}

.glightbox-clean .gslide-title {
    font-size:1em;
    font-weight:400;
    color:#000;
    line-height:1.4em
}



.glightbox-clean .gslide-video {
    background:#000
}

.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev {
    background-color:rgba(0,0,0,.75);
    border-radius:4px
}

.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path {
    fill:#fff
}

.glightbox-clean .gprev {
    position:absolute;
    top:-100%;
    left:30px;
    width:40px;
    height:50px
}

.glightbox-clean .gnext {
    position:absolute;
    top:-100%;
    right:30px;
    width:40px;
    height:50px
}

.glightbox-clean .gclose {
    width:35px;
    height:35px;
    top:15px;
    right:10px;
    position:absolute
}

.glightbox-clean .gclose svg {
    width:18px;
    height:auto
}

.glightbox-clean .gclose:hover {
    opacity:1
}

.gfadeIn {
    -webkit-animation:gfadeIn .5s ease;
    animation:gfadeIn .5s ease
}

.gfadeOut {
    -webkit-animation:gfadeOut .5s ease;
    animation:gfadeOut .5s ease
}

.gslideOutLeft {
    -webkit-animation:gslideOutLeft .3s ease;
    animation:gslideOutLeft .3s ease
}

.gslideInLeft {
    -webkit-animation:gslideInLeft .3s ease;
    animation:gslideInLeft .3s ease
}

.gslideOutRight {
    -webkit-animation:gslideOutRight .3s ease;
    animation:gslideOutRight .3s ease
}

.gslideInRight {
    -webkit-animation:gslideInRight .3s ease;
    animation:gslideInRight .3s ease
}

.gzoomIn {
    -webkit-animation:gzoomIn .5s ease;
    animation:gzoomIn .5s ease
}

.gzoomOut {
    -webkit-animation:gzoomOut .5s ease;
    animation:gzoomOut .5s ease
}

@-webkit-keyframes lightboxLoader {
    0% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
}

    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
}
}

@keyframes lightboxLoader {
    0% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
}

    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
}
}

@-webkit-keyframes gfadeIn {
    from {
        opacity:0
}

    to {
        opacity:1
}
}

@keyframes gfadeIn {
    from {
        opacity:0
}

    to {
        opacity:1
}
}

@-webkit-keyframes gfadeOut {
    from {
        opacity:1
}

    to {
        opacity:0
}
}

@keyframes gfadeOut {
    from {
        opacity:1
}

    to {
        opacity:0
}
}

@-webkit-keyframes gslideInLeft {
    from {
        opacity:0;
        -webkit-transform:translate3d(-60%,0,0);
        transform:translate3d(-60%,0,0)
}

    to {
        visibility:visible;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:1
}
}

@keyframes gslideInLeft {
    from {
        opacity:0;
        -webkit-transform:translate3d(-60%,0,0);
        transform:translate3d(-60%,0,0)
}

    to {
        visibility:visible;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:1
}
}

@-webkit-keyframes gslideOutLeft {
    from {
        opacity:1;
        visibility:visible;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
}

    to {
        -webkit-transform:translate3d(-60%,0,0);
        transform:translate3d(-60%,0,0);
        opacity:0;
        visibility:hidden
}
}

@keyframes gslideOutLeft {
    from {
        opacity:1;
        visibility:visible;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
}

    to {
        -webkit-transform:translate3d(-60%,0,0);
        transform:translate3d(-60%,0,0);
        opacity:0;
        visibility:hidden
}
}

@-webkit-keyframes gslideInRight {
    from {
        opacity:0;
        visibility:visible;
        -webkit-transform:translate3d(60%,0,0);
        transform:translate3d(60%,0,0)
}

    to {
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:1
}
}

@keyframes gslideInRight {
    from {
        opacity:0;
        visibility:visible;
        -webkit-transform:translate3d(60%,0,0);
        transform:translate3d(60%,0,0)
}

    to {
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:1
}
}

@-webkit-keyframes gslideOutRight {
    from {
        opacity:1;
        visibility:visible;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
}

    to {
        -webkit-transform:translate3d(60%,0,0);
        transform:translate3d(60%,0,0);
        opacity:0
}
}

@keyframes gslideOutRight {
    from {
        opacity:1;
        visibility:visible;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
}

    to {
        -webkit-transform:translate3d(60%,0,0);
        transform:translate3d(60%,0,0);
        opacity:0
}
}

@-webkit-keyframes gzoomIn {
    from {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
}

    to {
        opacity:1
}
}

@keyframes gzoomIn {
    from {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
}

    to {
        opacity:1
}
}

@-webkit-keyframes gzoomOut {
    from {
        opacity:1
}

    50% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
}

    to {
        opacity:0
}
}

@keyframes gzoomOut {
    from {
        opacity:1
}

    50% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
}

    to {
        opacity:0
}
}

@media (min-width:769px) {
    .glightbox-container .ginner-container {
        width:auto;
        height:auto;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
}

    .glightbox-container .ginner-container.desc-top .gslide-description {
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0
}

    .glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img {
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
}

    .glightbox-container .ginner-container.desc-left .gslide-description {
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0
}

    .glightbox-container .ginner-container.desc-left .gslide-image {
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
}

    .gslide-image img {
        max-height:97vh;
        max-width:100%
}

    .gslide-image img.zoomable {
        cursor:-webkit-zoom-in;
        cursor:zoom-in
}

    .zoomed .gslide-image img.zoomable {
        cursor:-webkit-grab;
        cursor:grab
}

    .gslide-inline {
        max-height:95vh
}

    .gslide-external {
        max-height:100vh
}

    .gslide-description.description-left,.gslide-description.description-right {
        max-width:275px
}

    .glightbox-open {
        height:auto
}

    .goverlay {
        background:rgba(0,0,0,.92)
}

    

    .glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner {
        position:absolute;
        height:100%;
        overflow-y:auto
}

    .glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev {
        background-color:rgba(0,0,0,.32)
}

    .glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover {
        background-color:rgba(0,0,0,.7)
}

    .glightbox-clean .gprev {
        top:45%
}

    .glightbox-clean .gnext {
        top:45%
}
}

@media (min-width:992px) {
    .glightbox-clean .gclose {
        opacity:.7;
        right:20px
}
}

@media screen and (max-height:420px) {
    .goverlay {
        background:#000
}
}

:root{--nav-breakpoint: 99999;--nav-color: $color-black;--nav-item-line-height: 1.5;--nav-mobile-background: #281fff;--nav-mobile-color: #fff;--nav-burger-line-color: #000;--nav-mobile-padding: 100px 1rem 1rem 1rem;--swiper-theme-color: #ffffff;--header-height: 90px}.nav-burger .icon-line::after{bottom:7px}.nav-burger .icon-line::before{top:7px}.nav-burger .icon-line,.nav-burger .icon-line::after,.nav-burger .icon-line::before{height:1px;width:25px}@font-face{font-family:"CircularXXWeb-Book";font-style:normal;font-weight:400;font-display:swap;src:url("../../files/Fonts/CircularXXWeb-Book.woff2") format("woff2"), url("../../files/Fonts/CircularXXWeb-Book.woff") format("woff")}@font-face{font-family:"CircularXXWeb-Black";font-style:normal;font-weight:700;font-display:swap;src:url("../../files/Fonts/CircularXXWeb-Black.woff2") format("woff2"), url("../../files/Fonts/CircularXXWeb-Black.woff") format("woff")}#header{position:sticky;top:0;z-index:200;overflow:hidden}body{font-family:"CircularXXWeb-Book", sans-serif;font-size:clamp(12px, calc(10px + 0.333vw), 14px);color:#161615;line-height:1.3}p,h2{margin-top:0}h1,h2{line-height:1.2;font-weight:400;font-size:clamp(16px, calc(12px + 0.667vw), 20px);margin-bottom:50px}.head{padding-block:25px 21.5px}.head .mod_customnav ul{margin-top:0}.head .mod_customnav ul a{display:inline-flex;flex-direction:column;align-items:flex-start;color:#161615;text-decoration:none;transition:color 0.3s ease;padding:none}.head .mod_customnav ul a::after{content:attr(title);font-family:"CircularXXWeb-Black", sans-serif;font-weight:700;visibility:hidden;overflow:hidden;height:0;pointer-events:none;user-select:none}.head .mod_customnav ul a:hover{font-weight:700}.mod_navigation{display:none}@media (max-width:767px){.mod_navigation{display:block}}.mod_customnav{display:none}@media (min-width:768px){.mod_customnav{display:block}}.projekt-header{display:grid;grid-template-columns:1fr;gap:25px;align-items:start;margin-bottom:50px}@media (min-width:600px){.projekt-header{grid-template-columns:repeat(12, 1fr);gap:var(--gap);margin-bottom:50px}}.projekt-detail{grid-column:-1 / 1}.projekt-info{display:flex;height:100%;flex-direction:column;order:2}@media (min-width:600px){.projekt-info{grid-column:span 4;order:0}}@media (min-width:900px){.projekt-info{grid-column:span 3}}.projekt-titelbild{order:1}@media (min-width:600px){.projekt-titelbild{grid-column:span 8;order:0}}@media (min-width:900px){.projekt-titelbild{grid-column:span 9}}.projekt-titel{margin-top:0}.projekt-galerie.masonry-grid{position:relative;max-width:100%;margin:0;padding:0;opacity:0;transition:opacity 0.6s ease}.projekt-galerie.masonry-grid.loaded{opacity:1}.projekt-schwerpunkt{font-weight:700;font-size:clamp(12px, calc(10px + 0.333vw), 14px);margin-bottom:25px}.projekt-meta{margin-top:auto;margin-bottom:0;list-style:none;padding-left:0}.head{display:flex}.head .logo{width:100%;max-width:114px;margin-right:auto;line-height:1}@media (min-width:600px){.head .logo{max-width:190px}}.head .logo img{width:100%;height:auto}.head .logo.white{display:none}.head .mod_customnav{font-size:clamp(16px, calc(12px + 0.667vw), 20px);line-height:1.2}.head .mod_customnav .active{font-family:"CircularXXWeb-Black", sans-serif;font-weight:700}.head .mod_customnav ul{list-style:none;display:flex}.head .mod_customnav li{margin-left:25px}@media (min-width:600px){.head .mod_customnav li{margin-left:var(--gap)}}body.navigation-open .head .logo.white{display:block}body.navigation-open .head .logo.black{display:none}body.navigation-open .head .icon-line::after,body.navigation-open .head .nav-burger .icon-line::before{background-color:#fff}.content-swiper{margin-bottom:50px}.content-swiper .swiper{margin-left:calc(3 * var(--col-width) + 3 * var(--gap));width:calc(9 * var(--col-width) + 8 * var(--gap))}@media (max-width:599px){.content-swiper .swiper{margin-left:0;width:100%}}.content-swiper .swiper figure{cursor:none}.content-swiper .swiper img{width:100%;height:auto;display:block}.content-swiper .swiper .rte{margin-top:25px}.content-swiper .swiper p{font-size:clamp(16px, calc(12px + 0.667vw), 20px);margin-bottom:unset;line-height:1.2}.swiper-cursor{position:fixed;pointer-events:none;z-index:9999;display:none;transform:translate(-50%, -50%)}.swiper-cursor img{width:35px;height:auto;display:block}.mod_article:has(.kontakt) .kontakt{order:2}.mod_article:has(.kontakt) .kontakt p{font-size:clamp(16px, calc(12px + 0.667vw), 20px)}@media (min-width:600px){.mod_article:has(.kontakt) .kontakt{grid-column:content-start / col-5;order:0}}@media (min-width:900px){.mod_article:has(.kontakt) .kontakt{grid-column:content-start / col-4}}.mod_article:has(.kontakt) .content-swiper{order:1;margin-bottom:0}.mod_article:has(.kontakt) .content-swiper .swiper{margin-left:0;width:100%}@media (min-width:600px){.mod_article:has(.kontakt) .content-swiper{grid-column:col-5 / content-end;order:0}}@media (min-width:900px){.mod_article:has(.kontakt) .content-swiper{grid-column:col-4 / content-end}}.projekt-grid .grid-item{cursor:pointer}.projekt-grid .grid-item-image{position:relative;overflow:hidden}.projekt-grid .grid-item .projekt-hover-overlay{position:absolute;inset:0;background:#281fff;color:#fff;opacity:0;transition:opacity 0.3s ease;display:flex;flex-direction:column;padding:25px;box-sizing:border-box;pointer-events:none}.projekt-grid .grid-item:hover .projekt-hover-overlay{opacity:1}.projekt-hover-title{display:flex;flex-direction:column;font-size:clamp(16px, calc(12px + 0.667vw), 20px);line-height:1.1;margin-bottom:25px}.projekt-hover-title span{display:block}.projekt-hover-meta{list-style:none;padding:0;margin:0;font-size:clamp(12px, calc(10px + 0.333vw), 14px);line-height:1.3}.mod_article:has(.mm-filter-nav){overflow:clip}.mm-filter-nav{position:sticky;top:var(--header-height);z-index:100;background:white;padding-bottom:25px}.mm-filter-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 0.75em}.mm-filter-label{color:#161615;white-space:nowrap}.mm-filter-option{color:#161615;text-decoration:none}.mm-filter-option:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.mm-filter-option.active{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.ce_metamodel_content.block{padding-bottom:25px}.team{margin-bottom:100px;display:grid;grid-template-columns:1fr;gap:25px;align-items:start}@media (min-width:600px){.team{grid-template-columns:repeat(12, 1fr);gap:var(--gap)}}.team h2{margin-bottom:0}@media (min-width:600px){.team h2{grid-column:span 3}}.team .rte p{font-size:clamp(16px, calc(12px + 0.667vw), 20px)}@media (min-width:600px){.team .rte{grid-column:span 9}}.mitarbeiter-grid-wrap{margin-bottom:50px}.mitarbeiter-grid-wrap .grid-item{cursor:inherit}.mitarbeiter-hover-role{font-size:clamp(12px, calc(10px + 0.333vw), 14px);line-height:1.3;margin-top:0.25em}.mitarbeiter-hover-text{margin-top:25px;font-size:12px;line-height:1.3;white-space:pre-line}#footer .links{display:flex;flex-wrap:wrap;gap:50px;margin-block:100px}#footer .links a{text-decoration:none;color:#161615}.masonry-grid{position:relative;max-width:100%;margin:0;padding:0;opacity:0;transition:opacity 0.6s ease}.masonry-grid.loaded{opacity:1}.masonry-grid .loading{text-align:center;padding:4rem 0;font-size:1.1rem;color:#aaa;letter-spacing:0.02em}.masonry-grid .grid-item{position:absolute;display:flex;flex-direction:column;text-decoration:none;color:inherit}.masonry-grid .grid-item.hidden{display:none !important}.masonry-grid .grid-item img{display:block;width:100%;height:auto;object-fit:cover}.masonry-grid .grid-item picture{display:block;width:100%}.masonry-grid .grid-item .caption{margin-top:5px;font-size:14px;color:#222;line-height:1.2;text-align:left}.home .masonry-grid .grid-item .caption{font-size:clamp(16px, calc(12px + 0.667vw), 20px)}.masonry-footer,.projekt-grid-footer{display:flex;justify-content:center;padding-top:100px}.masonry-load-more,.projekt-grid-load-more{padding:0;background:transparent;border:none;font-size:14px;color:#222;cursor:pointer;font-weight:400;letter-spacing:0.02em;transition:opacity 0.3s ease}.masonry-load-more:hover,.projekt-grid-load-more:hover{opacity:0.6}@media (max-width:1024px){.masonry-footer,.projekt-grid-footer{padding-top:60px}}@media (max-width:600px){.masonry-footer,.projekt-grid-footer{padding-top:40px}}.rsce-info-listen{margin-bottom:100px}.rsce-info-listen__inner{display:grid;grid-template-columns:1fr;gap:25px;align-items:start}@media (min-width:600px){.rsce-info-listen__inner{grid-template-columns:repeat(12, 1fr);gap:var(--gap)}}@media (min-width:600px){.rsce-info-listen__headline{grid-column:span 3}}.rsce-info-listen__title{margin:0;font-size:clamp(16px, calc(12px + 0.667vw), 20px);font-weight:400;line-height:1.3}@media (min-width:600px){.rsce-info-listen__content{grid-column:span 9}}.rsce-info-listen__intro{margin-bottom:25px}.rsce-info-listen__intro p{margin:0 0 0.75em;font-size:clamp(16px, calc(12px + 0.667vw), 20px)}.rsce-info-listen__intro p:last-child{margin-bottom:0}.rsce-info-listen__list{border-top:0.75px solid currentColor}.rsce-info-listen__row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:0.75px solid currentColor;padding:8px 0;text-decoration:none;color:inherit;cursor:default;transition:color 0.3s ease}.rsce-info-listen__row.has-link{cursor:pointer}.rsce-info-listen__text1{font-weight:700;flex:0 0 60%;padding-right:25px;box-sizing:border-box}.rsce-info-listen__text2{flex:0 0 40%}.nav-is-mobile .navigation-main li{border-bottom:unset !important}.nav-is-mobile .navigation-main li a{padding-inline:unset}
:root {
    --padding-inline: 1rem;
    --content-max-width: 1318px;
    --breakout-max-width: 1318px;
    --gap: 50px;
    /* Responsive: unterhalb von --content-max-width schrumpft --col-width mit dem Viewport */
    --col-width: calc((min(100vw - 2 * var(--padding-inline), var(--content-max-width)) - 11 * var(--gap)) / 12);
}

body {
    margin: 0;
}

/* Äußeres Grid mit benannten Linien und 12 Spalten Content */
.inside>*:not(script),
.full-width,
.mobile_menu .inner {
    display: grid;
    grid-template-columns:
        [full-width-start] var(--padding-inline) [content-start] minmax(300px, 1fr) [content-end] var(--padding-inline) [full-width-end];

    width: 100%;
}

@media (min-width: 600px) {

    .inside>*:not(script),
    .full-width {
        grid-template-columns:
            [full-width-start] minmax(var(--padding-inline), 1fr) [breakout-start] minmax(0, calc((var(--breakout-max-width) - var(--content-max-width)) / 2)) [content-start col-1] minmax(0, var(--col-width)) var(--gap) [col-2] minmax(0, var(--col-width)) var(--gap) [col-3] minmax(0, var(--col-width)) var(--gap) [col-4] minmax(0, var(--col-width)) var(--gap) [col-5] minmax(0, var(--col-width)) var(--gap) [col-6] minmax(0, var(--col-width)) var(--gap) [col-7] minmax(0, var(--col-width)) var(--gap) [col-8] minmax(0, var(--col-width)) var(--gap) [col-9] minmax(0, var(--col-width)) var(--gap) [col-10] minmax(0, var(--col-width)) var(--gap) [col-11] minmax(0, var(--col-width)) var(--gap) [col-12] minmax(0, var(--col-width)) [col-13 content-end] minmax(0, calc((var(--breakout-max-width) - var(--content-max-width)) / 2)) [breakout-end] minmax(var(--padding-inline), 1fr) [full-width-end];
        /* row-gap: var(--gap); */
    }

    /* Alle direkten Kinder des Grids landen standardmäßig im Contentbereich */

}

.inside>*>*,
.full-width>* {
    grid-column: content-start / content-end;
}

.breakout {
    grid-column: content;
}

@media (min-width: 600px) {
    .col-text {
        grid-column: col-2 / col-12;
    }


}