body{--contact-banner-height: clamp(170px,25vw,250px);--headline-height: 28px;--siteframe-space: clamp(20px,3vw,30px)}*{margin:0;padding:0}html,body{height:100%;margin:0}body{margin:0;height:100dvh;background-color:#f4f8fb;font:300 17px/28px "General Sans";color:rgba(0,0,0,.5)}h1{font-size:14px;line-height:20px;color:#184073;text-transform:uppercase;font-weight:400;letter-spacing:2px}h2{font:500 clamp(30px, 5.2vmin, 52px)/clamp(35px, 5.6vmin, 56px) serif;color:#184073;opacity:40%;margin-bottom:clamp(20px,5vmin,50px)}h3{font:500 clamp(28px,3.2vw,32px) "General Sans",serif;color:#184073;opacity:100%}h4{font:500 24px/29px "General Sans",serif;color:#184073;opacity:100%;margin-bottom:10px}p{margin:0;color:rgba(0,0,0,.5)}a{font-size:17px;text-decoration:none;color:rgba(0,0,0,.5);font-family:"General Sans";font-weight:300}.headline{position:relative;flex:0 0 auto;display:flex;justify-content:center;padding:20px;z-index:5}.headline p{font:500 clamp(30px, 5.2vmin, 52px)/clamp(35px, 5.6vmin, 56px) serif;color:#184073}.siteframe{position:relative;display:flex;flex-flow:column;margin:0 auto;min-height:100dvh}.page{width:100%;height:100dvh;margin:0;padding:0;overflow:auto}.background{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;z-index:-2}.background .background_top{background-image:url("../img/Top@2x.webp");flex:1;background-size:cover;background-position:bottom}.background .background_bottom{height:var(--contact-banner-height);background-image:url("../img/Bottom@2x.webp");flex:0 0 auto;background-size:cover}.container{flex-grow:1;display:flex;flex-direction:row;justify-content:space-between}.container-left{display:flex;flex-flow:column;width:40%;max-width:700px;margin:0 auto;box-sizing:border-box}.container-left .text-wrap{flex-grow:1;align-content:center;position:relative;padding-bottom:25px}.container-left .text-wrap .title{width:537px;position:relative;z-index:1}.container-left .text-wrap .title .blue{font:500 clamp(30px, 5.2vmin, 52px)/clamp(35px, 5.6vmin, 56px) serif;color:#184073}.container-left .text-wrap .title .gray{font:500 clamp(30px, 5.2vmin, 52px)/clamp(35px, 5.6vmin, 56px) serif;color:#184073;opacity:40%;margin-bottom:clamp(20px,5vmin,50px)}.container-left .contact{flex:0 0 auto;display:flex;flex-flow:column;justify-content:center;height:var(--contact-banner-height);box-sizing:border-box}.container-left .contact span{font:500 17px/28px "General Sans";color:#868381}.container-right{display:flex;flex-flow:column;justify-content:flex-end;align-items:flex-end;width:50%}.container-right .picture{width:100%}.container-right img{display:block;width:100%;height:auto;max-height:calc(100dvh - var(--headline-height) - clamp(30px,6vw,60px));max-width:1000px;-o-object-fit:contain;object-fit:contain}.introduction{width:clamp(300px,62.5vmin,625px);margin-bottom:clamp(20px,5vmin,50px)}.introduction p{font-size:clamp(19px,2.7vmin,27px);line-height:clamp(28px,4.6vmin,46px)}.listing-popUp{display:flex;flex-direction:row;gap:9px}.popup{display:flex;opacity:0;pointer-events:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px);justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#fff;padding:55px;padding-top:65px;border-radius:10px;max-width:800px;width:90%;box-shadow:0 4px 10px rgba(0,0,0,.3);text-align:left;position:relative;overflow-y:auto;max-height:75vh;margin:clamp(13px,3vw,50px)}.popup-content h2{color:#184073;opacity:100%;font-size:clamp(32px,6vw,52px);margin-bottom:clamp(24px,5vw,40px)}.popup-content h3{font-family:serif;margin-bottom:10px}.popup-content h3:not(:first-child){margin-top:clamp(28px,6vw,60px)}.popup-content h4{font-family:serif}.popup-content p{font-size:clamp(15px,1.6vw,16px);line-height:clamp(25px,2.8vw,28px);padding-right:clamp(30px,2.5vw,25px)}.popup-content .listing{padding-left:20px}.popup-content .listing li{font-size:clamp(15px,1.6vw,16px);line-height:clamp(25px,2.8vw,28px)}.popup-content .introduction{margin-bottom:35px;width:100%}.popup-content .introduction p{font-size:clamp(17px,3vw,27px);line-height:clamp(32px,4.6vw,46px);padding-right:30px}.popup-content .pop-button{border-radius:12px;width:-moz-max-content;width:max-content;margin-top:55px}.popup-content .pop-button a{display:inline-block;color:#184073;font-weight:600;background-color:#e7ecf0;border-radius:8px;padding:clamp(8px,2vw,10px) clamp(18px,2vw,23px);width:-moz-fit-content;width:fit-content;font-size:16px}.popup-content .scroll-arrow{position:sticky;bottom:0;right:0px;float:right;font-size:24px;color:#333;display:none;z-index:10;animation:bounce 2s infinite}.popup-content .scroll-arrow i::before{font-size:20px}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.openBtn{background-color:#fff;border-radius:19px;border:1px solid rgba(134,131,129,.2);padding:clamp(7px,1vw,10px) clamp(12px,2vw,18px);font-size:clamp(12px,1vw,15px);color:#868381;font-weight:300;cursor:pointer;display:inline-flex;white-space:nowrap}.openBtn ::before{padding-left:5px;font-size:10px}.openBtn:hover{border:1px solid rgba(24,64,115,.4);transition:border .3s ease-in-out}.closeBtn{position:absolute;top:30px;right:30px;cursor:pointer;font:15px/19px "General Sans",sans-serif;color:#8b8b8b;border:1px solid rgba(134,131,129,.2);border-radius:19px;padding:8px 15px;font-weight:400}.closeBtn ::before{font-size:15px;padding-left:5px;color:rgba(134,131,129,.8)}.mail-button{display:flex;justify-content:center;margin-top:20px;width:-moz-max-content;width:max-content;background-color:#fe8815;padding:clamp(8px,2vw,10px) clamp(18px,2vw,23px);border-radius:8px;position:fixed;bottom:clamp(20px,3vw,30px);left:50%;transform:translateX(-50%);z-index:10}.mail-button a{color:#fff;font-weight:500;font-size:16px}@media(max-width: 1000px){.listing-popUp{max-width:300px;flex-wrap:wrap}}@media(orientation: portrait)or (max-width: 900px)or (aspect-ratio: 16/9){body{--siteframe-space: clamp(20px,4.5vw,45px)}.page{overflow:auto}.siteframe{overflow:hidden}.headline{display:flex;justify-content:flex-start;padding-left:var(--siteframe-space);padding-right:var(--siteframe-space);text-wrap:balance}.headline p{color:#8b8b8b}.container{position:relative;display:flex;flex-direction:column-reverse;padding-top:clamp(180px,30vmin,300px)}.container .container-left{width:100%}.container .container-left .text-wrap{position:static}.container .container-left .text-wrap>*:not(.title){position:relative;z-index:5}.container .container-left .title{position:absolute;top:0;left:0;right:0;padding:40px var(--siteframe-space) 0;width:auto;z-index:5}.container .container-left .contact{position:relative;z-index:5}.container .container-right{position:relative;margin:0 auto;margin-bottom:40px;width:100%;z-index:4}.container .container-right:after,.container .container-right:before{content:"";display:block;position:absolute;right:0;bottom:0;left:0;height:180vh;width:100vw;background:url(../img/Top@2x.webp) no-repeat left bottom;background-size:100% 100%;z-index:1}.container .container-right:after{bottom:1px;height:120vh;background:url(../img/Bottom@2x.webp) no-repeat left top;background-size:100% 100%;transform:translate(0, 100%)}.container .container-right>*{position:relative;z-index:5}.container .container-right .picture{width:80%;max-width:600px;margin-left:auto;margin-right:auto}.container .container-right .picture img{margin-bottom:clamp(4px,.6vw,.6vw)}.openBtn{background-color:#fff;border-radius:19px;border:1px solid #fff;padding:clamp(7px,1vw,10px) clamp(12px,2vw,18px);font-size:15px}.listing-popUp{flex-wrap:nowrap;max-width:unset}.contact{margin-bottom:100px}.background{display:none}@media(max-width: 550px){.container .container-right .picture{width:100%;max-width:none;overflow:hidden}.container .container-right img{widtH:110%;margin-left:-5%}}.introduction{width:100%}}@media(max-width: 800px){.text-wrap{padding:20px}.contact{padding:20px}}@media(max-width: 650px){.listing-popUp{display:flex;flex-wrap:wrap}}@media(max-width: 550px){.listing-popUp{max-width:300px;flex-wrap:wrap;-moz-column-gap:12px;column-gap:12px}}@media(max-width: 500px){.closeBtn{display:flex;align-items:center;justify-content:center;font-size:0;padding:0;border-radius:50%;width:40px;height:40px;top:20px;right:20px}.closeBtn ::before{font-size:20px;padding:0}.popup-content{padding-top:55px}}@media(max-height: 1000px){body{--contact-banner-height: 200px}}@font-face{font-family:"General Sans";src:url("fonts/GeneralSans-Semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"General Sans";src:url("fonts/GeneralSans-Italic.woff2") format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"General Sans";src:url("fonts/GeneralSans-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"General Sans";src:url("fonts/GeneralSans-Bold.woff2") format("woff2");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"General Sans";src:url("fonts/GeneralSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"General Sans";src:url("fonts/GeneralSans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"General Sans";src:url("fonts/GeneralSans-BoldItalic.woff2") format("woff2");font-weight:bold;font-style:italic;font-display:swap}