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%}
/* ============================================================
   Projekt-Index – Listenansicht
   Spalten: Nr | Bezeichnung | Ort | Status | Leistung
   ============================================================ */

/* ── Wrapper ───────────────────────────────────────────────── */
.projekt-list-wrap {
    width: 100%;
}

/* ── Tabelle ───────────────────────────────────────────────── */
.projekt-list {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

/* ── Zeilen-Trenner ────────────────────────────────────────── */
.projekt-list tbody tr {
    border-bottom: 0.75px solid currentColor;
}

/* ── Zellen ────────────────────────────────────────────────── */
.projekt-list td {
    padding: 8px 12px 8px 0;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.projekt-list td:last-child {
    padding-right: 0;
}

/* ── Spaltenbreiten ────────────────────────────────────────── */
.projekt-list .col-nr          { width: 6%; }
.projekt-list .col-bezeichnung { width: 50%; white-space: normal; }
.projekt-list .col-ort         { width: 16%; }
.projekt-list .col-status      { width: 14%; }
.projekt-list .col-leistung    { width: 14%; }

/* ── Zeilen ohne Link – kein Hover-Effekt ──────────────────── */
.projekt-list .projekt-list-row:not(.has-link) {
    cursor: default;
}

/* ── Zeilen MIT Link – fett, anklickbar ────────────────────── */
.projekt-list .projekt-list-row.has-link {
    cursor: pointer;
    font-family: 'CircularXXWeb-Black', sans-serif;
}

.projekt-list .projekt-list-row:first-child {
            border-top: 0.75px solid currentColor;
        }

/* ── Hover: blau einfärben ─────────────────────────────────── */
.projekt-list .projekt-list-row.has-link:hover {
    color: #281FFF;
}

/* ── Versteckte Zeilen (Load-More) ─────────────────────────── */
.projekt-list .projekt-list-row.hidden {
    display: none;
}

/* ── Footer / Load-More ────────────────────────────────────── */
.projekt-list-footer {
    margin-top: 2rem;
    text-align: center;
}

.projekt-list-load-more {
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: 1.4;
    padding: 0;
}

.projekt-list-load-more:hover {
    color: #281FFF;
}

: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;
    }


}