@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:300;font-display:fallback;src:url('../../files/fonts/source-sans-pro-v14-latin-300.eot');src:local(''), url('../../files/fonts/source-sans-pro-v14-latin-300.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/source-sans-pro-v14-latin-300.woff2') format('woff2'), url('../../files/fonts/source-sans-pro-v14-latin-300.woff') format('woff'), url('../../files/fonts/source-sans-pro-v14-latin-300.ttf') format('truetype'), url('../../files/fonts/source-sans-pro-v14-latin-300.svg#SourceSansPro') format('svg')}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-display:fallback;src:url('../../files/fonts/source-sans-pro-v14-latin-regular.eot');src:local(''), url('../../files/fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), url('../../files/fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), url('../../files/fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), url('../../files/fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg')}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-display:fallback;src:url('../../files/fonts/source-sans-pro-v14-latin-600.eot');src:local(''), url('../../files/fonts/source-sans-pro-v14-latin-600.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/source-sans-pro-v14-latin-600.woff2') format('woff2'), url('../../files/fonts/source-sans-pro-v14-latin-600.woff') format('woff'), url('../../files/fonts/source-sans-pro-v14-latin-600.ttf') format('truetype'), url('../../files/fonts/source-sans-pro-v14-latin-600.svg#SourceSansPro') format('svg')}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:700;font-display:fallback;src:url('../../files/fonts/noto-sans-jp-v28-latin-700.eot');src:local(''), url('../../files/fonts/noto-sans-jp-v28-latin-700.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/noto-sans-jp-v28-latin-700.woff2') format('woff2'), url('../../files/fonts/noto-sans-jp-v28-latin-700.woff') format('woff'), url('../../files/fonts/noto-sans-jp-v28-latin-700.ttf') format('truetype'), url('../../files/fonts/noto-sans-jp-v28-latin-700.svg#NotoSansJP') format('svg')}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:400;font-display:fallback;src:url('../../files/fonts/noto-sans-jp-v28-latin-regular.eot');src:local(''), url('../../files/fonts/noto-sans-jp-v28-latin-regular.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/noto-sans-jp-v28-latin-regular.woff2') format('woff2'), url('../../files/fonts/noto-sans-jp-v28-latin-regular.woff') format('woff'), url('../../files/fonts/noto-sans-jp-v28-latin-regular.ttf') format('truetype'), url('../../files/fonts/noto-sans-jp-v28-latin-regular.svg#NotoSansJP') format('svg')}.loading::before,.loading::after{content:'';position:fixed;z-index:1000}.loading::before{top:0;left:0;width:100%;height:100%;background:#c44443}.loading::after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:0%;opacity:0.4;background:#333;animation:loaderAnim 0.7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(0.5, 0.5, 1)}}*{box-sizing:border-box}body{margin:0;min-height:100vh;height:100vh;min-width:100%;transition:all 0.66s ease;overflow:hidden;font-family:'Source Sans Pro', Helvetica, Arial, sansserif;font-weight:300;line-height:150%;hyphens:auto}body:after{content:"";position:fixed;z-index:-1;top:0;left:0;width:60%;height:60vh;margin:20vh 20%;background-size:75%;background-repeat:repeat;background:url(../../files/img/Layout/grain.jpg);opacity:0.5;transition:all 0.66s ease}#wrapper{position:relative;z-index:3}#wrapper header{position:relative;z-index:33}#wrapper #container{font-size:18px;position:relative;z-index:22}a{text-decoration:underline;color:black}h1,h2,h3,h4{font-size:30px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;font-family:'Noto Sans JP', Helvetica, Arial, sansserif}h3{font-size:24px}h4{font-size:18px}li{list-style:square}strong{font-family:'Noto Sans JP';text-transform:uppercase;letter-spacing:0.05em}#logo{position:absolute;z-index:0;top:0;left:0;width:calc(100% - 130px);height:70px;margin:18px 20px;background-size:contain;background-repeat:no-repeat;background-image:url(../../files/img/Layout/logo-planbarchitekten.svg);cursor:pointer}.menu-toggle{position:fixed;z-index:99;top:0;right:0;width:108px;height:100px;cursor:pointer}.menu-toggle div{position:absolute;width:70px;height:10px;background:#c44443;top:0;margin:20px;transition:all 0.66s ease;pointer-events:none}.menu-toggle div:nth-child(2){top:25px}.menu-toggle div:nth-child(3){top:50px}.menu-toggle div:focus{outline:0}.mod_article:not(:first-child){left:100%;top:0;transition:all 0.66s ease;height:0vh;width:100%;overflow:hidden}.mod_article:not(:first-child):before{content:"";position:fixed;z-index:-1;top:0;left:0;width:60%;height:100vh;margin:100vh 20% 0 20%;background:white;transition:all 0.66s ease}.mod_article:not(:first-child):not(.visible){height:0;min-height:0}.mod_article:not(:first-child) .masonry{width:100%;height:auto;display:inline-block}.mod_article:not(:first-child) .masonry .grid-sizer{width:9%}.mod_article:not(:first-child) .masonry .gutter-sizer{width:1%}.mod_article:not(:first-child) .masonry img{filter:grayscale(1);transition:all 0.4s ease}.mod_article:not(:first-child) .masonry img:hover{filter:grayscale(0)}.mod_article:not(:first-child) .masonry .stamp{top:40vh;left:0}.mod_article:not(:first-child) .pa_basic{display:inline-block;margin:0 0 calc(1vw - 0.2px) 0}.mod_article:not(:first-child) .pa_basic img{width:100%;height:100%;object-fit:cover;display:inline-block;float:left}.mod_article:not(:first-child) .pa_basic h2{padding-top:40px;padding-left:10px;padding-right:10px;line-height:169%}.mod_article:not(:first-child) .pa_basic h2 em{font-size:50%;margin-left:40px}.mod_article:not(:first-child) .pa_basic button{width:100%;border:3px solid black;border-radius:0;background:transparent;display:inline-block;margin:0;text-align:center}.mod_article:not(:first-child) .pa_basic button a{text-decoration:none;padding:20px;display:inline-block;font-weight:700;font-size:24px;text-transform:uppercase;text-align:left}.mod_article:not(:first-child) .pa_basic button a:after{content:"";transition:all 0.3s ease;position:relative;left:10px;transform:rotate(-135deg);border:3px solid black;border-width:0 0 3px 3px;display:inline-block;width:10px;top:-2px;height:10px}.mod_article:not(:first-child) .pa_basic button a:hover{color:#c44443}.mod_article:not(:first-child) .pa_basic button a:hover:after{left:8px}.mod_article:not(:first-child) .pa_basic p{padding-left:40px;padding-right:10px}.mod_article:not(:first-child) .pa_basic.ce_gallery{width:100%;overflow:hidden}.mod_article:not(:first-child) .pa_basic.ce_gallery h2{margin-left:calc(10% - 10px)}.mod_article:not(:first-child) .pa_basic.ce_gallery .slick-slider{margin:0;padding:0}.mod_article:not(:first-child) .pa_basic.ce_gallery .slick-slide{list-style:none;padding:0 10px;overflow:hidden;position:relative;cursor:url(../../files/img/Layout/icon_slider_move.svg), auto}.mod_article:not(:first-child) .pa_basic.ce_gallery .slick-slide:hover .zoom{opacity:1;filter:blur(0px);transform:rotate(90deg)}.mod_article:not(:first-child) .pa_basic.ce_gallery .slick-slide:hover .zoom:after{transform:rotate(90deg)}.mod_article:not(:first-child) .pa_basic.ce_gallery .slick-slide:hover .zoom:before{transform:rotate(-180deg)}.mod_article:not(:first-child) .pa_basic.ce_gallery .slick-slide,.mod_article:not(:first-child) .pa_basic.ce_gallery a,.mod_article:not(:first-child) .pa_basic.ce_gallery figure{display:inline-block;margin:0;width:100%;height:100%}.mod_article:not(:first-child) .pa_basic.ce_gallery .slick-slide:focus,.mod_article:not(:first-child) .pa_basic.ce_gallery a:focus,.mod_article:not(:first-child) .pa_basic.ce_gallery figure:focus{outline:0}.mod_article:not(:first-child) .pa_basic.ce_gallery img{width:100%;height:300px;object-fit:cover;display:inline-block;filter:greyscale(1);transition:all 0.4s ease}.mod_article:not(:first-child) .pa_basic.ce_gallery img:hover{filter:greyscale(0)}.mod_article:not(:first-child) .pa_basic.ce_gallery .zoom{position:absolute;z-index:9;left:calc(50% - 35px);top:calc(50% - 35px);width:70px;height:70px;filter:blur(50px);transform:rotate(0deg);transition:all 0.1s ease;cursor:pointer;cursor:url(../../files/img/Layout/icon_slider_zoom.svg), auto;opacity:0}.mod_article:not(:first-child) .pa_basic.ce_gallery .zoom:after,.mod_article:not(:first-child) .pa_basic.ce_gallery .zoom:before{content:"";left:0;top:30px;position:absolute;background:#c44443;width:70px;height:10px;transition:all 0.4s ease;transform:rotate(45deg);transform-origin:center}.mod_article:not(:first-child) .pa_basic.ce_gallery .zoom:before{transform:rotate(-45deg)}.mod_article:not(:first-child) .pa_basic.w10{width:calc(10% - 1%)}.mod_article:not(:first-child) .pa_basic.w20{width:calc(20% - 1%)}.mod_article:not(:first-child) .pa_basic.w30{width:calc(30% - 1%)}.mod_article:not(:first-child) .pa_basic.w40{width:calc(40% - 1%)}.mod_article:not(:first-child) .pa_basic.w50{width:calc(50% - 1%)}.mod_article:not(:first-child) .pa_basic.w60{width:calc(60% - 1%)}.mod_article:not(:first-child) .pa_basic.w70{width:calc(70% - 1%)}.mod_article:not(:first-child) .pa_basic.w80{width:calc(80% - 1%)}.mod_article:not(:first-child) .pa_basic.w90{width:calc(90% - 1%)}.mod_article:not(:first-child) .pa_basic.w100{width:calc(100% - 1%)}.mod_article:not(:first-child) .pa_basic.h10{height:10vw}.mod_article:not(:first-child) .pa_basic.h20{height:20vw}.mod_article:not(:first-child) .pa_basic.h30{height:30vw}.mod_article:not(:first-child) .pa_basic.h40{height:40vw}.mod_article:not(:first-child) .pa_basic.h50{height:50vw}.mod_article:not(:first-child) .pa_basic.h60{height:60vw}.mod_article:not(:first-child) .pa_basic.h70{height:70vw}.mod_article:not(:first-child) .pa_basic.h80{height:80vw}.mod_article:not(:first-child) .pa_basic.h90{height:90vw}.mod_article:not(:first-child) .pa_basic.h100{height:100vw}.mod_article:not(:first-child) .pa_basic.ml_10{margin-left:10%}.mod_article:not(:first-child) .pa_basic.ml_20{margin-left:20%}.mod_article:not(:first-child) .pa_basic.ml_30{margin-left:30%}.mod_article:not(:first-child) .pa_basic.ml_40{margin-left:40%}.mod_article:not(:first-child) .pa_basic.ml_50{margin-left:50%}.mod_article:not(:first-child) .pa_basic.ml_60{margin-left:60%}.mod_article:not(:first-child) .pa_basic.ml_70{margin-left:70%}.mod_article:not(:first-child) .pa_basic.ml_80{margin-left:80%}.mod_article:not(:first-child) .pa_basic.ml_90{margin-left:90%}.mod_article:not(:first-child) .pa_basic.mr_10{margin-right:10%}.mod_article:not(:first-child) .pa_basic.mr_20{margin-right:20%}.mod_article:not(:first-child) .pa_basic.mr_30{margin-right:30%}.mod_article:not(:first-child) .pa_basic.mr_40{margin-right:40%}.mod_article:not(:first-child) .pa_basic.mr_50{margin-right:50%}.mod_article:not(:first-child) .pa_basic.mr_60{margin-right:60%}.mod_article:not(:first-child) .pa_basic.mr_70{margin-right:70%}.mod_article:not(:first-child) .pa_basic.mr_80{margin-right:80%}.mod_article:not(:first-child) .pa_basic.mr_90{margin-right:90%}section.teaser{position:relative;z-index:3}section.teaser .grid{scroll-snap-type:y mandatory;height:100vh;overflow-y:auto;scroll-snap-type:mandatory;scroll-snap-points-y:repeat(3rem);scroll-snap-type:y mandatory}section.teaser .grid .link{cursor:pointer;display:inline-block;width:100%;display:flex;height:100vh;align-items:center;justify-items:center;transition:all 0.66s ease;scroll-snap-align:start}section.teaser .grid .link:nth-child(n+4){display:none}section.teaser .grid .link img{display:none}section.teaser .grid .link .h1{height:80px;width:100%;background-size:contain;background-position:center;background-repeat:no-repeat;margin:0;font-size:0}section.teaser .grid .footer-small{position:absolute;right:40px;bottom:0}section.teaser .grid .footer-small p{float:left}section.teaser .grid .footer-small p a{padding:20px;text-decoration:none}body.state_imprint:not(.menu) .mod_article:first-child section.teaser .grid .link:nth-child(4){display:flex;opacity:1;height:100vh}body.state_privacy:not(.menu) .mod_article:first-child section.teaser .grid .link:nth-child(5){display:flex;opacity:1;height:100vh}canvas{display:block;position:fixed;top:0px;left:0px;z-index:2;pointer-events:none}footer{margin-top:10vh;width:100%;min-height:20vh;padding:110px 20px 60px 20px;background:white;position:relative;z-index:122}footer:after{content:"";position:absolute;z-index:1;top:0;left:0;width:calc(100% - 130px);max-width:450px;height:70px;margin:18px 20px;background-size:contain;background-repeat:no-repeat;background-image:url(../../files/img/Layout/logo-planbarchitekten.svg);pointer-events:none}footer a{text-decoration:none}footer a:hover{color:#c44443}footer div{margin-bottom:20px}body.menu .menu-toggle div{top:25px;transform:rotate(-45deg)}body.menu .menu-toggle div:nth-child(2){opacity:0}body.menu .menu-toggle div:nth-child(3){transform:rotate(45deg)}body.menu section.teaser .grid{height:calc(100vh - 100px);padding-top:100px}body.menu section.teaser .link{height:calc(33.333vh - 66.6667px)}body.menu section.teaser .link:nth-child(n+4){display:none}body.menu .mod_article.visible:not(:first-child){opacity:0}body[class^="state"]:not(.menu){height:auto;overflow-y:auto}body[class^="state"]:not(.menu):after{width:100%;min-height:100vh;margin:0%;background-position:-25% -25%}body[class^="state"]:not(.menu) section.teaser{pointer-events:none}body[class^="state"]:not(.menu) section.teaser .grid{overflow-y:hidden}body[class^="state"]:not(.menu) .mod_article:not(:first-child){opacity:0}body[class^="state"]:not(.menu) .mod_article:first-child .link:not(.visible){opacity:0;height:0}body[class^="state"]:not(.menu) .mod_article:first-child .link:not(.visible):nth-child(2){left:0;height:80px}body[class^="state"]:not(.menu) .mod_article.visible{left:0px;opacity:1;height:auto;margin-top:-40vh}body[class^="state"]:not(.menu) .mod_article.visible:before{height:80vh;margin:20vh 20% 0 20%}body[class^="state"]:not(.menu) .footer-small{display:none}body[class^="state"].menu .mod_article:not(:first-child){opacity:0}.sliderband+.close{display:none;position:fixed;z-index:99;left:calc(50% - 65px);top:0;width:70px;height:70px;margin:26px;cursor:pointer}.sliderband+.close:after,.sliderband+.close:before{content:"";width:70px;height:10px;position:absolute;background:#c44443;top:-100px;transition:all 0.66s ease;pointer-events:none}.lightbox{display:none;position:fixed;z-index:2;top:0;left:0;width:100%;height:100vh}.lightbox .slick-list,.lightbox .slick-track,.lightbox .slick-slide,.lightbox figure,.lightbox img{width:100%;height:100vh;padding:0}.lightbox .slick-slide{padding:0 !important;background:white}.lightbox .slick-slide img{height:100% !important;object-fit:contain !important}.lightbox .slick-slide .caption{position:absolute;z-index:1;bottom:0;padding:18px;background:white}.lightbox-open .lightbox{display:inline-block}.lightbox-open.menu .lightbox{display:none}.lightbox-open .sliderband+.close{display:inline-block}.lightbox-open .sliderband+.close:after{top:20px;transform:rotate(45deg)}.lightbox-open .sliderband+.close:before{top:20px;transform:rotate(-45deg)}.lightbox-open:not(.menu) #footer,.lightbox-open:not(.menu) #logo,.lightbox-open:not(.menu) .teaser{display:none}@media (min-width:720px){h1,h2,h3,h4{font-size:50px}h3{font-size:40px}h4{font-size:30px}.mod_article:not(:first-child) .pa_basic.w-desktop10{width:calc(10% - 1%)}.mod_article:not(:first-child) .pa_basic.w-desktop20{width:calc(20% - 1%)}.mod_article:not(:first-child) .pa_basic.w-desktop30{width:calc(30% - 1%)}.mod_article:not(:first-child) .pa_basic.w-desktop40{width:calc(40% - 1%)}.mod_article:not(:first-child) .pa_basic.w-desktop50{width:calc(50% - 1%)}.mod_article:not(:first-child) .pa_basic.w-desktop60{width:calc(60% - 1%)}.mod_article:not(:first-child) .pa_basic.w-desktop70{width:calc(70% - 1%)}.mod_article:not(:first-child) .pa_basic.w-desktop80{width:calc(80% - 1%)}.mod_article:not(:first-child) .pa_basic.w-desktop90{width:calc(90% - 1%)}.mod_article:not(:first-child) .pa_basic.w-desktop100{width:calc(100% - 1%)}.mod_article:not(:first-child) .pa_basic.h-desktop10{height:10vw}.mod_article:not(:first-child) .pa_basic.h-desktop20{height:20vw}.mod_article:not(:first-child) .pa_basic.h-desktop30{height:30vw}.mod_article:not(:first-child) .pa_basic.h-desktop40{height:40vw}.mod_article:not(:first-child) .pa_basic.h-desktop50{height:50vw}.mod_article:not(:first-child) .pa_basic.h-desktop60{height:60vw}.mod_article:not(:first-child) .pa_basic.h-desktop70{height:70vw}.mod_article:not(:first-child) .pa_basic.h-desktop80{height:80vw}.mod_article:not(:first-child) .pa_basic.h-desktop90{height:90vw}.mod_article:not(:first-child) .pa_basic.h-desktop100{height:100vw}.mod_article:not(:first-child) .pa_basic.ml-desktop_10{margin-left:10%}.mod_article:not(:first-child) .pa_basic.ml-desktop_20{margin-left:20%}.mod_article:not(:first-child) .pa_basic.ml-desktop_30{margin-left:30%}.mod_article:not(:first-child) .pa_basic.ml-desktop_40{margin-left:40%}.mod_article:not(:first-child) .pa_basic.ml-desktop_50{margin-left:50%}.mod_article:not(:first-child) .pa_basic.ml-desktop_60{margin-left:60%}.mod_article:not(:first-child) .pa_basic.ml-desktop_70{margin-left:70%}.mod_article:not(:first-child) .pa_basic.ml-desktop_80{margin-left:80%}.mod_article:not(:first-child) .pa_basic.ml-desktop_90{margin-left:90%}.mod_article:not(:first-child) .pa_basic.mr-desktop_10{margin-right:10%}.mod_article:not(:first-child) .pa_basic.mr-desktop_20{margin-right:20%}.mod_article:not(:first-child) .pa_basic.mr-desktop_30{margin-right:30%}.mod_article:not(:first-child) .pa_basic.mr-desktop_40{margin-right:40%}.mod_article:not(:first-child) .pa_basic.mr-desktop_50{margin-right:50%}.mod_article:not(:first-child) .pa_basic.mr-desktop_60{margin-right:60%}.mod_article:not(:first-child) .pa_basic.mr-desktop_70{margin-right:70%}.mod_article:not(:first-child) .pa_basic.mr-desktop_80{margin-right:80%}.mod_article:not(:first-child) .pa_basic.mr-desktop_90{margin-right:90%}.mod_article:not(:first-child) .pa_basic h3 a:after{border-width:0 0 5px 5px;width:16px;top:-4px;height:16px}body[class^="state"]:not(.menu) .menu-toggle{top:0}body[class^="state"]:not(.menu) .mod_article:first-child .link:nth-child(2){left:0;height:100vh}body[class^="state"]:not(.menu) .mod_article:first-child .link:nth-child(2):not(.visible){height:0}body.menu .menu-toggle{top:0}footer{padding-left:10%}footer .inside,footer .footer-info{width:100%;width:100%}footer div{margin-bottom:20px;width:50%;float:left}footer:after{margin-left:10%}}@media (min-width:1280px){footer{padding-left:calc(10% + 600px);padding-top:102px}footer .inside{max-width:600px}footer:after{margin-top:78px}}@media (min-width:1400px){#logo{top:calc(50vh - 35px);width:430px;margin:0 10%}.menu-toggle{top:calc(50vh - 50px);transition:all 0.66s ease}section.teaser .grid .link{width:70%;margin-left:30%}body h2{hyphens:none}body.menu section.teaser .grid{height:calc(100vh);padding:100px 0}}::-moz-selection{background:#c44443;color:#fff}::selection{background:#c44443;color:#fff}