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%}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/**********

IE-HINWEIS

**********/

.ie-hinweis{

	display: none;

}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

 .ie-hinweis {

        display: block;

        color: red;

        position: absolute;

        top: 0;

        left: 0;

        border: 2px solid red;

        z-index: 9999;

        font-size: 0.8em;

   }  

}



/**********

00-GENERAL

**********/

html {

    scroll-behavior: smooth;

}



body {

    font-size: 16px;

    font-family: Verdana, sans-serif;

    color: #575757;

    letter-spacing: 0.5px;

    background-color: white;

    box-sizing: border-box;

}



h1 {

    letter-spacing: 1px;

    margin: 0;

    font-size: 1em;

    font-weight: normal;

    line-height: 1;

}



h1 strong {

    display: block;

    border-bottom: 1px solid;

    font-weight: bold;

    padding-bottom: 10px;

    margin-bottom: 10px;

}



h2 {

    margin: 0;

    font-size: 0.75em;

}



.buero h2, .buero h3 {

    margin: 0;

    font-size: 1em;

}



h3 {

    font-weight: normal;

    margin: 0;

    font-size: 0.75em;



}



.buero .auszeichnung h3 {

	font-weight: bold;

}

/* Hide scrollbar for Chrome, Safari and Opera */

::-webkit-scrollbar {

  display: none;

}



/* Hide scrollbar for IE, Edge and Firefox */

.example {

  -ms-overflow-style: none;  /* IE and Edge */

  scrollbar-width: none;  /* Firefox */

}



.mod_article:not(.fullwidth) p {

    line-height: 1.5;

    margin-bottom: 2em;

    margin-top: 0;

}



.mod_article:not(.fullwidth) .content-text:last-child p:last-child {

    margin-bottom: 0;

}



a {

    color: #575757;

    text-decoration: none;

}



a:visited {

    color: #575757;

}



a:focus {

    outline: none;

}



.mobile_only {

    display: block;

}



.no_mobile {

    display: none;

}



#landscapelock {

    display: none;

}



    .menubutton {

    cursor: pointer;

}



.menubutton .mobile_only img:last-of-type {

    position: absolute;

    left: 0;

    top: 0;

}



.buero li {

    margin-bottom: 0.5em;

}



.buero .content-text li::marker {

  /*content: "- ";*/

}



.buero .content-text li {

    position: relative;

}



.buero .content-text li::before {

    display: block;

    content: "- ";

    position: absolute ;

    left: -10px;

    width: 1em;

    height: 1em;

    top: 0.5em;

    transform: translateY(-50%) 

}



.buero ul{

	list-style-type: none;

	padding-inline-start: 1.5ch;

	margin: 0;

}



.buero h2 {

    margin-bottom: 1em;

}



/**********

01-TITLE-SLIDER

**********/



#titel {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    min-height: 100vh;

    max-height: 100vh;

    min-height: calc(var(--vh, 1vh) * 100);

    max-height: calc(var(--vh, 1vh) * 100);

    overflow: hidden;

    display: block;

    z-index: 1000;

    transition: top 1.5s ease;

    cursor: pointer;

    background-color: white;

}



#titel.closed {

    top: -120vh;

    top: calc(var(--vh, 1vh) * -100);

}



#titel .content-text {

    position: absolute;

    top: 5%;

    left: auto;

    right: 5%;

    text-align: right;

    color: white;

}



#titel .image_container {

    position: relative;

}



#titel .image_container::after {

    content: "";

    background-image: url("/files/layout/img/move-button2.svg");

    position: absolute;

    background-repeat: no-repeat;

    background-size: contain;

    display: block;

    min-width: 40px;

    min-height: 40px;

    height: 5vh;

    width: 5vh;

    top: 75vh;

    left: 50vw;

    z-index: 2;

    transform: translate(-50%);

}







#titel .image_container img {

    height: 100vh;

    height: calc(var(--vh, 1vh) * 100);

    object-fit: cover;

}



/**********

02-HEADER

**********/

#header {

    position: sticky;

    top: 0;

    z-index: 999;

    background-color: white;

}



#header > .inside,

#footer > .inside {

    /* background-color: #FF000033; */

    min-height: 75px;

    height: 75px;

    box-sizing: border-box;

}



#header > .inside, #footer > .inside {

    display: flex;

    justify-content: space-between;

    padding: 16px 6px 10px 6px;

}



#current-site span {

	font-weight:bold;

	text-decoration: none!important;

}



#filterbutton strong {

    display: block;

}



#filterbutton > span {

    position: relative;

    cursor: pointer;

    /* display: block; */

}



#filterbutton.open {

    font-weight: bold;

}



/*#filterbutton > a::after {

    content: "";

    display: block;

    width: 6px;

    height: 6px;

    position: absolute;

    border-top: 1px solid #575757;

    border-right: 1px solid #575757;

    left: 105%;

    bottom: 3px;

    transform: rotate(45deg) translateY(-50%);

    transition: transform 0.5s ease;

}



#filterbutton.open > a::after {

    transform: rotate(135deg);

}*/



#filterbutton span {

	display: flex;

	align-items: center;

}



#filterbutton span img {

	height: 0.8em;

	width: 0.8em;

}



#projektfilter, #mainnav > ul  {

    display: block;

    position: fixed;

    top: 74px;

    height: calc(100vh - 75px);

    height: calc(var(--vh, 1vh) * 100 - 75px);

    left: -100vw;

    background-color: white;

    width: calc(50vw + 21px);

    z-index: 1000;

    transition: 0.5s ease;

    box-sizing: border-box;

    padding-top: 2em;

    padding-left: 42px;

    text-align: left;

    font-size: 14px;

}



/*#mainnav h2::after {

    content: "";

    display: block;

    width: 6px;

    height: 6px;

    position: absolute;

    border-top: 1px solid #575757;

    border-right: 1px solid #575757;

    right: 1.5ch;

    top: 50%;

    transform: rotate(45deg) translateY(-50%);

    transition: 0.5s ease;

}



#mainnav.open h2::after {

    transform: rotate(135deg) translateY(100%);

    right: 0.5ch;

}*/



#projektfilter.open, #mainnav.open > ul {

    left: 0;

}



#projektfilter {

    z-index: 999;

    height: 100%;

}



#mainnav.open + #projektfilter.open {

    left: 50%;

    padding-left: 21px;

    width: 50%;

}



#projektfilter ul {

    margin: 0;

    list-style: none;

    padding: 0;

}



#mainnav > ul {

    margin: 0;

    list-style: none;

}



#projektfilter .news_trail {

	font-weight: bold;

}



#projektfilter .active span {

    font-weight: bold;

}



.buero #projektfilter .active span {

    font-weight: normal;

}



#projektfilter li,

#mainnav li {

    margin-bottom: 0.75em;

}



#mainnav li:nth-last-of-type(2) {

    margin-top: 62px;

}



body.filter-active #filterbutton {

    font-weight: bold;

}



/*body.filter-active nav li.filter-active, body:not(.filter-active) #filterbutton {

    display: none;

}*/



#logo,

#mainnav,

#projektfilter,

#filterbutton {

    /* align-self: flex-start; */

}



#logo {

    /* margin-left: auto; */

}



#logo img.mobile_only {

    min-width: 54px;

}





#logo img.no_mobile {

    min-width: 238px;

}



#mainnav h2 {

    margin-bottom: 5px;

    position: relative;

    width: 6.5ch;

    cursor: pointer;

}



#mainnav li.active strong {

    font-weight: bold;

}



#mainnav li:hover span {

    text-decoration: underline;

}



nav .active {

    font-weight: normal;

}



.infobutton, .schliessen, .menubutton .mobile_only {

    min-width: 40px;

}



.infobutton img {

    transition: 0.2s linear

}



.infobutton img.open {

    transform: rotate(45deg);

}



.menubutton .mobile_only {

    position: relative;

}



.menubutton .mobile_only::before, .menubutton .mobile_only::after {

        content: "";

        display: block;

        position: absolute;

        width: 20px;

        background-color: #575757;

        height: 2px;

        left: 10px;

        transform-origin: center;

        transition: ease .3s, center ease .3s .3s, transform ease .3s;

        z-index: 1;

        opacity: 0;

}



.menubutton .mobile_only::before {

    top: 13px;

}



.menubutton .mobile_only::after {

    top: 26px;

}



.menubutton .mobile_only.open::after, .menubutton .mobile_only.open::before {

    top: 19px;

    opacity: 1;

}



.menubutton .mobile_only.open::before {

    transform: rotate(-45deg);

}



.menubutton .mobile_only.open::after {

    transform: rotate(45deg);

}



/**********

025-SECTION

**********/



#header > .inside,

#footer > .inside,

.mod_article:not(.fullwidth) > .inside {

    width: calc(100vw - 72px);

    margin-left: auto;

    margin-right: auto;

    box-sizing: border-box;

}



.mod_article:not(.fullwidth) > .inside {

    padding: 0 6px;

    padding-bottom: 75px;

}



.ce_list ul {

    list-style: none;

    padding: 0;

}



.ce_list ul li {

    margin-bottom: 1em;

}



.ce_list ul li::before {

    content: '+';

    padding-right: 1ch;

}



.bbg {

    display: none;

}



#partner-bild {

    margin-bottom: 16px;

}



.buero h1 {

    font-size: 16px;

    margin-bottom: 1.5em;

}    



/**********

03-PROJEKTSLIDER

**********/



.projektslider .slick-container,

#projektdetails .slick-container {

    display: flex;

    align-items: stretch;

    max-height: calc(100% - 75px);

}



.projektslider .slick-list,

#projektdetails .slick-list {

    width: 100%;

    box-sizing: border-box;

}



.projektslider .layout_latest,

#projektdetails figure {

    box-sizing: border-box;

    padding: 0 6px;

    position: relative;

    background-color: white;

    height: calc(100vh - 75px);

    height: calc(var(--vh, 1vh) * 100 - 75px);

}



.projektslider .layout_latest > .image_container img,

#projektdetails .image_container img {

    height: calc(100vh - 150px);

    height: calc(var(--vh, 1vh) * 100 - 150px);

    object-fit: cover;

    object-position: center 75%;

}

/*

#projektdetails .image_container img {

    object-fit: contain;

}*/



#projektdetails .slick-container .image_container img {

    /* width: 100%; */

}



.projektslider .layout_latest > .ce_headline {

    background-color: white;

    box-sizing: border-box;

    font-weight: normal;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 16px 6px;

    min-height: 75px;

    max-height: 75px;

}



.projektslider .layout_latest > .ce_headline h2 {

	max-width: calc(100% - 93px - 1ch);

}



.filtered .slick-container > .layout_latest,

#projektdetails .slick-container > div {

    max-width: calc(100vw - 72px);

    margin-left: auto;

    margin-right: auto;

    box-sizing: border-box;

}



.slick-prev {

    z-index: 1;

}



.slick-arrow {

    outline: none;

    border: none;

    background-color: white;

    position: relative;

    cursor: pointer;

    padding: 0;

    color: white;

    min-width: 36px;

    width: 36px;

    margin-top: 0;

}



.slick-prev::before {

    content: "";

    position: absolute;

    background-color: white;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    transition: 0.5s ease;

    pointer-events: none;



}



.slick-prev::after {

    content: "";

    position: absolute;

    display: flex;

    justify-content: flex-end;

    align-items: center;

    background-color: white;

    color: #575757;

    top: 50%;

    right: 0;

    height: 12.5px;

    width: 12.5px;

    transform: translateY(-50%) rotate(45deg);

    border-left: 2px solid;

    border-bottom: 2px solid;

}



.slick-next::before {

    content: "";

    position: absolute;

    background-color: white;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    transition: 0.5s ease;

    pointer-events: none;



}



.slick-next::after {

    content: "";

    position: absolute;

    display: flex;

    justify-content: flex-end;

    align-items: center;

    background-color: white;

    color: #575757;

    top: 50%;

    left: 0;

    height: 12.5px;

    width: 12.5px;

    transform: translateY(-50%) rotate(45deg);

    border-right: 2px solid;

    border-top: 2px solid;



}



@media (hover: hover) {



    .slick-next:hover::before {

        left: -2.5vw;

    }



    .slick-prev:hover::before {

        right: -2.5vw;

    }



    .projektslider .layout_latest > .image_container img {

        opacity: 0.6;

        transition: opacity 0.5s;

    }



    .projektslider .layout_latest > .image_container img:hover {

        opacity: 1;

    }

}



.slick-dots {

    bottom: 0;

    left: 0;

    right: 0;

    display: none;

    list-style: none;

    padding: 0;

    margin: 0 14vw;

    justify-content: space-around;

}





.slick-dots button {

    background-color: white;

    outline: none;

    border: none;

    border-radius: 50%;

    height: 2em;

    width: 2em;

    padding: 0;

    color: white;

}



.slick-dots .slick-active button {

    background-color: #575757;

    color: #575757;

}



/**********

04-PROJEKTDETAILS

**********/



.projekt-detail-box {

    position: fixed;

    height: 40vh;

    bottom: -100%;

    left: 0;

    right: 0;

    background-color: white;

    z-index: 1;

    display: block;

    overflow-y: scroll;

    transition: bottom 0.75s ease;

    padding-left: 42px;

    padding-right: 42px;

    font-size: 12px;

    box-sizing: border-box;

    scrollbar-width: none; 

}



.projekt-detail-box table {

    border-collapse: collapse;

    padding: 0;

    vertical-align: top;

}



.projekt-detail-box td {

    padding-bottom: 1.2em;

    vertical-align: top;

}



.projekt-detail-box .col_0 {

    padding-right: 1em;

    min-width: 50%;

}





.projekt-detail-box .col_1 {

    font-weight: bold;

    overflow-wrap: anywhere;

    hyphens:auto;

}



.projekt-detail-box > div {

    padding-top: 6px;

    margin-right: 0;

}



.projekt-detail-box > div:first-child {

    z-index: 1;

}





.projekt-detail-box > div:last-child {

    /* margin-bottom: 75px; */

}



.projekt-detail-box > div:last-child p {

    margin: 0;

}



.projekt-detail-box.open {

    bottom: 75px;

    border-top: 1em solid white;

}



.projekt-detail-box.open::after, .scrollable::after {

    content: "";

    height: 6px;

    width: 6px;

    border-top: 1px solid;

    border-right: 1px solid;

    z-index: 1999;

    display: block;

    position: fixed;

    transform: rotate(135deg);

}



.projekt-detail-box.open::after{

    bottom: 90px;

    right: 46px;

    animation: float_info 1.5s ease-out infinite;

    display: none;

}



.scrollable.active::after{

    display: block;

    cursor: pointer;

}



.scrollable::after{

    bottom: 25px;

    right: 30px;

    width: 20px;

    height: 20px;

    border: none;

    transform: rotate(0deg);

    background-image: url(/files/layout/img/move-button2.svg);

    background-repeat: no-repeat;

    background-size: contain;

    /* animation: float_scrollable_mobile 1.5s ease-out infinite; */

}



@keyframes float_scrollable_mobile{

    50%{

        bottom: 33px;

    }

}



@keyframes float_scrollable{

    50%{

        bottom: 136px;

    }

}



@keyframes float_info {

    50% {

        bottom: 80px;

    }

}



.projektheader {

    /* position: fixed; */

    left: 42px;

    top: 18px;

    z-index: 2;

    /* max-width: calc(100vw - (93px + 1ch)); */

}



.projektheader .categories {

    margin: 0;

    display: none;

}



.projektheadline h1,

.projektheadline h2 {

    font-weight: bold;

    font-size: 0.75em;

    letter-spacing: 0.5px;

    line-height: normal;

}



.projektheadline h2{

    font-weight: normal;

}



.projektheadline h1 {

    margin-right: 1ch;

}



.projektbutton {

    display: flex;

    /* padding: 16px 6px; */

    min-width: 93px;

}



.schliessen {

    margin-right: 13px;

}



.schliessen a .no_mobile::before {

    left: -16px;

    top: 50%;

    transform: rotate(-135deg) translateY(50%);

}



body:not(.projektdetails-seite) .infobutton {

    display: none;

}



.projektdetails-seite .mod_newsreader {

	overflow: visible;

}



.infobutton {

	margin-left:auto;

}



.infobutton a {

    cursor: pointer;

}



.infobutton a .no_mobile::after {

    right: -8px;

    top: 50%;

    transform: rotate(45deg) translateY(-50%);

}



/**********

XX-FOOTER

**********/



#footer {

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 999;

}



#footer > .inside {

    display: flex;

    justify-content: space-between;

}



.whitefooter #footer > .inside,

.projektdetails-seite #footer > .inside {

    background-color: white;

}



/*.navbuttons {

    margin-left: auto;

    display: flex;

    padding: 16px 6px;

    flex-shrink: 1;

    width: 17vw;

    justify-content: flex-end;

    background-color: white; 

    

}



.buero .navbuttons {

    width: 100%;

    justify-content: space-between;

}



.menubutton a .no_mobile,

.kontaktbutton a .no_mobile,

.schliessen a .no_mobile,

.infobutton a .no_mobile {

    position: relative;

}*/





/*.menubutton a .no_mobile::before,

.schliessen a .no_mobile::before,

.infobutton a .no_mobile::after,

.kontaktbutton a .no_mobile::before {

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    width: 8px;

    height: 8px;

    border-top: 1px solid #575757;

    border-right: 1px solid #575757;

}*/



/*.menubutton a .no_mobile::before {

    left: -26px;

    transform: rotate(-45deg) translateY(-50%);

}



.kontaktbutton a .no_mobile::before {

    right: -26px;

    transform: rotate(135deg) translateY(100%);

}*/



.ce_hyperlink.more-arrow a {

	position: relative;



}



.ce_hyperlink.more-arrow a::after {

	display: block;

    content: "";

    height: 1em;

    width: 1ch;

    position: absolute;

    background: url(/files/layout/img/chevron-r-fmg.svg);

    background-position: center;

    background-size: contain;

    background-repeat: no-repeat;

    top: 50%;

    transform: translateY(-50%);

    right: -1.5ch;

}



.ce_accordion .toggler {

	cursor: pointer;

	outline:none;

}



.ce_accordion .toggler img {

	height: 10px;

}



.no-mb p{

	margin-bottom: 0em!important;

}



/**********

XX-MEDIA-QUERYS

**********/



@media only screen and (min-width: 375px) {}



@media only screen and (min-width: 414px) {}



@media only screen and (min-width: 516px) {



    .projektheadline h1,

    .projektheadline h2,

    h2,

    h3 {

        font-size: 1em;

    }

}



@media only screen and (min-width: 600px) {



    /*    column fix    */

    .projekt-detail-box > div:last-child {

        width: 100%;

    }

}



@media only screen and (min-width: 768px) {



    .projekt-detail-box {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }



    .projekt-detail-box > div:first-child {

        width: 128px;

    }



    .projekt-detail-box > div:nth-child(2) {

        width: auto;

        min-width: 33%;

    }



    .navbuttons {

        /* width: calc((100vw - 96px) / 3); */

    }



    #projektfilter, #mainnav ul{

        left: -33vw;

        width: 33vw;

        font-size: 16px;

        height: calc(100vh - 135px);

        height: calc(var(--vh, 1vh) * 100 - 140px);

    }



    #mainnav.open + #projektfilter.open  {

        left: 33vw;

        padding-left: 0;

    }



    .buero-bg > .inside  {

        display: flex;

    }



    .bbg {

        display: block;

        max-width: calc(50vw - 36px);

        margin-right: 36px;

        width: 100%;

    }



    .bbg img {

        height: calc(100vh - 150px);

        height: calc((var(--vh, 1vh) * 100) - 150px);

        object-fit: cover;

        display: block;

    }



    .scrollable {

        height: calc(100vh - 150px);

        height: calc((var(--vh, 1vh) * 100) - 150px);

        overflow-y: auto;

        scrollbar-width: none;

    }



    .scrollable::after{

        display: none;

        bottom: 90px;

        /*animation: float_scrollable 1.5s ease-out infinite;*/

    }



    #partner .inside{

        padding-bottom: 0;

    }

}



@media only screen and (max-width: 960px) and (orientation: landscape) {



    #landscapelock {

        display: block;

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        background-color: white;

        z-index: 9999;

        display: flex;

        justify-content: center;

        align-items: center;

        text-align: center;

    }



    #landscapelock img {

        max-height: 50vh;

    }



}



@media only screen and (min-width: 1024px) {



    h1 {

        font-size: 2em;

    }



    .scrollable::after{

        bottom: 128px;

        right: calc(((100vw - (100vw - 276px)) / 2) + 6px);

    }



    .projektbutton {

        /* margin-left: 24px; */

    }



    #header > .inside,

    #footer > .inside {

        height: 125px;

    }



    #logo,

    #mainnav,

    #projektfilter,

    #filterbutton {

        /* align-self: flex-end; */

    }



    #header > .inside {

        align-items: flex-end;

    }



    .projektslider .layout_latest > .image_container img,

    #projektdetails .image_container img {

        height: calc(100vh - 250px);

        height: calc(var(--vh, 1vh) * 100 - 250px);

    }



    .projektslider .layout_latest,

    .projektslider .slick-container,

    #projektdetails .layout_latest,

    #projektdetails .slick-container {

        height: calc(100vh - 125px);

        height: calc(var(--vh, 1vh) * 100 - 125px);

    }



    .filtered .projektslider .slick-initialized .slick-list{

        max-width: calc(100vw - 276px);

        margin: 0 auto;

    }



    #projektfilter,  #mainnav > ul {

        top: 124px;

        left: -344px;

        width: 344px;

        padding-left: 144px;

        height: calc(100vh - 240px);

        height: 100%;

    }



   #mainnav.open + #projektfilter.open  {

        /*padding-left: calc( 147px / 2 );*/

        left: 344px;

        width: 344px;

     }



    .projektheadline {

        /* display: flex; */

    }



    .projektheader {

        top: calc((125px / 2) + 13px);

    }



    .projektheader {

        left: 144px;

    }



    .slick-container > .layout_latest {

        margin-left: auto;

        margin-right: auto;

    }



    .projektslider .layout_latest > .ce_headline {

        height: 125px;

        max-height: none;

    }

    

    .projektslider .layout_latest > .ce_headline h2 {

    	max-width: none;

    }



    #header > .inside,

    #footer > .inside,

    .mod_article:not(.fullwidth) > .inside {

        width: calc(100vw - 276px);

    }



    .filtered .slick-container > .layout_latest {

        max-width: calc((100vw - 276px) / 3);

    }



    #projektdetails .slick-container > div {

        max-width: calc(100vw - 276px);

    }



    .projekt-detail-box {

        padding-left: 144px;

        padding-right: 144px;

        justify-content: space-between;

    }



    .projekt-detail-box.open {

        bottom: 125px;

    }



    .projekt-detail-box.open::after {

        bottom: 144px;

        right: 144px;

    }



    @keyframes float_info {

        50% {

            bottom: 130px;

        }

    }



    .mod_article:not(.fullwidth) > .inside {

        /* margin-top: 125px; */

        padding-bottom: 125px;

    }



    .slick-arrow {

        min-width: 138px;

    }



    .slick-prev::after {

        right: 20px;

    }



    .slick-next::after {

        left: 20px;

    }



    .mobile_only {

        display: none;

    }



    .no_mobile {

        display: block;

    }



    .navbuttons {

        /* margin-bottom: 1em; */

    }



    .bbg {

        max-width: calc(50vw - 138px);

        margin-right: 69px;

    }



    .bbg img, .scrollable {

        height: calc(100vh - 250px);

        height: calc((var(--vh, 1vh) * 100) - 250px);

    }





}





@media only screen and (min-width: 1280px) {



    #mainnav h2 {

        cursor: default;

    }



    #mainnav h2::after {

        display: none;

    }



    #mainnav ul {

        /* position: static; */

        /* margin: 0; */

        /* display: flex; */

        /* padding: 0; */

        /* list-style: none; */

        height: 100%;

        /* width: auto; */

        /* border: none; */

    }



    #mainnav.open ul {

        border: none;

    }



    .projekt-detail-box {

        flex-wrap: nowrap;

        font-size: 1em;

    }



    .projekt-detail-box > div:first-child {

        margin-right: 74px;

    }



    .projekt-detail-box > div:nth-child(2) {

        margin-right: 95px;

    }



    .projekt-detail-box table {

    }



    .projekt-detail-box .col_0 {

        width: 142px;

        margin-right: 77px;

        vertical-align: top;

    }



    .projekt-detail-box .col_1 {

        width: 319px;

        margin-left: 77px;

    }



    .projekt-detail-box > div:last-child {

        max-width: 816px;

        

    }



    /*.scrollable{

        max-width: 40%;

    }*/



    #partner .scrollable::after{

        right: 210px;

    }

}



@media only screen and (min-width: 1281px) {



    .navbuttons {

        /* width: calc((100vw - 292px) / 4 - 26px); */

        /* Fix */

    }



}



@media only screen and (min-width: 1600px) {

    .bbg {

        margin-right: 138px;

    }

}



@media only screen and (min-width: 1920px) {



    #header > .inside,

    #footer > .inside,

    .projektslider .layout_latest > .ce_headline {

        height: 11.6vh;

    }



    .projektheader {

        top: calc((11.6vh / 2) + 2px);

    }



    .projektslider .layout_latest > .image_container img,

    #projektdetails .image_container img {

        height: 76.8vh;

    }



    .projektslider .layout_latest,

    .projektslider .slick-container,

    #projektdetails .layout_latest,

    #projektdetails .slick-container {

        height: 88.4vh;

    }



    .projektheader {

        left: 7.2vw;

    }



    #projektfilter, #mainnav > ul  {

        top: calc(11.6vh - 1px);

        left: -17.5vw;

        width: 17.5vw;

        padding-left: 7.5vw;

        height: calc(88.4vh + 2px);

    }



    #mainnav.open + #projektfilter.open {

        left: 17.5vw;

        /*padding-left: calc(7.2vw / 2 );*/

    }



    .slick-arrow {

        width: 7.2vw;

    }



    #header > .inside,

    #footer > .inside,

    .mod_article:not(.fullwidth) > .inside {

        min-width: 85.6vw;

    }



    .mod_article:not(.fullwidth) > .inside {

        padding-bottom: 11.6vh;

    }



    .filtered .slick-container > .layout_latest {

        max-width: calc(85.6vw / 4);

    }



    #projektdetails .slick-container > div {

        max-width: 85.6vw;

    }



    .projekt-detail-box {

        padding-left: calc(7.2vw + 6px);

        padding-right: calc(7.2vw + 6px);

    }



    .projekt-detail-box.open {

        bottom: 11.6vh;

    }



    .navbuttons {

        width: calc(85.6vw / 4 - 26px);

    }



    .bbg {

        max-width: 42.8vw;

        margin-right: 7.2vw;

    }



    .bbg img, .scrollable {

        height: 76.8vh;

        height: calc(var(--vh, 1vh) * 76.8);

    }



    .scrollable::after{

        /* right: 520px; */

    }



}