@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap");.header{position:fixed}#start,.header{top:0;left:0;width:100%}#start{height:100%}.flex-bt,.header>.container{display:flex;justify-content:space-between;align-items:center}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}hr{box-sizing:content-box;height:0;overflow:visible}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}*,:after,:before{background-repeat:no-repeat;vertical-align:baseline}:active,:focus{outline:none!important}.hidden[class],[hidden],template{display:none!important}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}a,address,button,cite,font,h1,h2,h3,h4,h5,h6,input,option,p,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}html{-ms-overflow-style:none;font-size:10px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font:160% -apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;min-height:100vh;min-height:100dvh;line-height:1.5;text-rendering:optimizeLegibility;text-decoration-skip:objects;-webkit-tap-highlight-color:rgba(0,0,0,0);text-size-adjust:100%;-webkit-text-size-adjust:100%}ol,ul{list-style-type:none;padding:0}table{border-collapse:collapse;border-spacing:0}a{color:inherit;background-color:transparent;cursor:pointer;display:inline-block}a,a:link,a:visited{text-decoration:none}textarea{overflow:auto}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}canvas,img,picture,svg,video{display:block;max-width:100%;max-height:100%}#__next,#root{isolation:isolate}button,input,textarea{color:inherit;line-height:normal}button,input{appearance:none}button:active,button:focus,input:active,input:focus{box-shadow:none!important}button,label{cursor:pointer}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{font-size:2.1vw}body{font:400 185%/1.4 sans-serif}body,main{display:flex;flex-direction:column}main{flex-grow:1}.container{width:90%}.container,.container-50{margin-left:auto;margin-right:auto}.container-50{width:50%}.btn{font-size:2.1rem;line-height:1;padding:1.9rem 2.5rem;transition:all .3s,opacity .5s,color .3s 0s;overflow:hidden;position:relative;z-index:1;text-decoration:none;text-align:center;font-weight:600;border-radius:2.5rem;border:.2rem solid;display:block;width:15rem}.btn,.btn:hover{color:#fff}.btn:before{content:"";position:absolute;left:0;top:0;width:120%;height:105%;transition:.5s;z-index:-1;transform:translateX(-110%) skewX(-25deg)}.btn:hover:before{transform:translateX(-7%) skewX(-25deg);background:#21b0c6;z-index:-1}.section{padding:7rem 0}p+p{margin-top:3rem}.header{transition:.4s;z-index:9;translate:0 -100%;background-color:#fff;color:linear-gradient(135deg,#0f172a,#1e293b)}.header>.container{padding:2rem 0}.loaded .header{translate:0}.header-logo{font-size:2.4rem;font-weight:600;display:flex;align-items:center;position:relative;z-index:10}.header-logo img{width:12.2rem;height:7.2rem;margin-right:.8rem}.header-burger{padding:0;width:4rem;height:2.7rem;border:0;position:relative;z-index:9;background:transparent;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.header-burger:after,.header-burger:before,.header-burger span{display:block;width:100%;height:.3rem;background:#21b0c6;transition:transform .3s}.header-burger:after,.header-burger:before{content:""}.header-nav-menu-wrap{position:fixed;top:0;right:0;width:100%;z-index:8;pointer-events:none}.header-nav-menu{position:relative;z-index:1;background:#eee;min-height:100dvh;padding-top:10rem;transition:.7s ease;transform:translateX(200.1%);padding-left:8rem;font-size:2.7rem}.header-nav-menu li{font-weight:600;font-family:Pacifico}.header-nav-menu .background-header{filter:grayscale(1);opacity:.4;position:absolute;z-index:-1;width:100%;top:0;left:0;height:100%;object-fit:cover}.header-nav-menu:before{content:"";width:100%;height:100%;background:#21b0c6;position:absolute;top:0;right:100%}body.is-scroll header{box-shadow:0 1px 10px #000;background:#fff}body.header-menu-active header,body.is-scroll header{color:#1d1e22}body.header-menu-active .header-burger:after,body.header-menu-active .header-burger:before,body.header-menu-active .header-burger span,body.is-scroll .header-burger:after,body.is-scroll .header-burger:before,body.is-scroll .header-burger span{background:#21b0c6}body.header-menu-active{overflow:hidden;color:#1d1e22}body.header-menu-active .header-burger:before{transform:translateY(1rem) rotate(45deg)}body.header-menu-active .header-burger span{transform:scaleX(0)}body.header-menu-active .header-burger:after{transform:translateY(-1.45rem) rotate(-45deg)}body.header-menu-active .header-nav-menu{transform:translateX(0);pointer-events:all}body.header-menu-active .header-nav-menu li:hover{color:#21b0c6}.img-container-logo{position:absolute;z-index:99;display:flex;bottom:2rem;width:100%;justify-content:center;gap:2rem;left:0}.img-container-logo .zhpr-uci{width:15rem}footer{z-index:2}.img-footer{max-width:100%;height:auto}.section-footer{padding:60px 0;background:#fff}.ul-footer{margin:0;padding:0;list-style:none}.contact-area{border-bottom:1px solid #353c46}.contact-content{display:flex;flex-direction:column;align-items:center}.contact-content p{font-size:15px;margin:30px 0 60px;position:relative;text-align:center}.contact-content p:after{background:#353c46;bottom:-30px;content:"";height:1px;left:50%;position:absolute;transform:translate(-50%);width:80%}.contact-content h6{color:#8b9199;font-size:15px;font-weight:400;margin-bottom:10px}.contact-content span{color:#353c47;margin:0 10px}.contact-social{margin-top:30px}.contact-social>ul{display:inline-flex}.contact-social ul li a{color:#8b9199;display:flex;align-items:center;justify-content:center;height:30px;margin:0 10px;padding-top:7px;transition:all .4s ease 0s;width:40px;font-size:2.5rem}.contact-social ul li a:hover{color:#21b0c6}.contact-content img{max-width:30rem}.img-container-logo-footer{display:flex;align-items:center;justify-content:center;object-fit:cover;width:100%;gap:2rem;margin:2rem 0}.img-container-logo-footer img{width:10rem;height:10rem}:root{--color-primary:#21b0c6;--color-yuppie:teal;--color-reproduktor:#21b0c6;--color-lusia:#ff1493;--color-dark:#1f2937;--color-medium-light:#eee;--color-light:#fff;--shadow:0 4px 6px -1px rgb(0 0 0/0.1);--font-base:Lato,sans-serif;--font-title:"Playfair Display",serif}*,:after,:before{box-sizing:border-box;line-height:1.6}body{background-color:var(--color-medium-light)}.c-gallery{margin-top:15rem;border-bottom:none;margin-bottom:2rem}.c-gallery:has([id=lusia]:checked) .c-gallery__item:has([data-category=lusia]){display:block}.c-gallery:has([id=reproduktor]:checked) .c-gallery__item:has([data-category=reproduktor]){display:block}.c-gallery:has([id=yuppie]:checked) .c-gallery__item:has([data-category=yuppie]){display:block}.c-gallery:has([id=all]:checked) .c-gallery__item{display:block}.c-gallery__title{font-size:64px;font-family:var(--font-title);text-align:center}.c-gallery__filter{display:flex;align-items:center;gap:16px;width:max-content;height:60px;margin:0 auto;padding:12px 16px;background-color:var(--color-light);box-shadow:var(--shadow);border-radius:99px;margin:0 auto 2rem}.c-gallery__filter-option{height:100%;cursor:pointer}.c-gallery__filter-option span{position:relative;display:flex;align-items:center;padding:0 12px;height:100%;border-radius:99px}.c-gallery__filter-option input[type=radio]{display:none}.c-gallery__filter-option input[type=radio]:checked+span{background:var(--color-primary)}.c-gallery__items{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.c-gallery__item{display:none;position:relative;width:100%;height:400px;box-shadow:var(--shadow);border-radius:16px 42px;overflow:hidden}.c-gallery__item:has([data-category=lusia]){--color-category:var(--color-lusia)}.c-gallery__item:has([data-category=reproduktor]){--color-category:var(--color-reproduktor)}.c-gallery__item:has([data-category=yuppie]){--color-category:var(--color-yuppie)}.c-gallery__item-category{display:grid;place-items:center;position:absolute;top:10px;right:10px;width:80px;height:80px;width:max-content;min-width:80px;padding:1rem;border-radius:160px;color:var(--color-light);text-transform:uppercase;background:var(--color-category);z-index:1}.c-gallery__item-category:after{content:attr(data-category)}.c-gallery__item-image{position:absolute;width:100%;height:100%;object-fit:cover}.title{padding:4rem 0;display:flex;margin-top:4rem;background-position:50%;background-size:cover;background-repeat:no-repeat;justify-content:center;align-items:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);text-align:center;position:relative;font-weight:300;font-family:Pacifico}.main-color{color:#21b0c6;text-transform:uppercase;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.grid-container{display:flex;align-items:center}.grid-container img{border-radius:16px 42px;margin-bottom:2rem}.grid-container p{font-size:2rem;font-weight:700;position:relative;margin-bottom:2rem}.grid-container p:after{content:"";position:absolute;bottom:-1rem;left:50%;width:50%;height:3px;background-color:#21b0c6;transform:translateX(-50%)}.absolut-paws-1{top:7%;left:10%}.absolut-paws-1,.absolut-paws-2{width:100px;height:100px;position:absolute;z-index:-1}.absolut-paws-2{bottom:36%;left:20%;transform:rotate(180deg)}.absolut-paws-3{top:30%;right:10%;width:100px;transform:rotate(45deg);height:100px;position:absolute;z-index:-1}body{background:#1d1e22}#start{height:100vh;display:flex;align-items:center;justify-content:center;color:linear-gradient(135deg,#0f172a,#1e293b);font-size:3.7rem;scale:0;transition:.3s}#start.run{scale:1}#start:before{content:"";height:100%;z-index:-120;position:absolute;top:0;left:0;width:100vw;background:#111;background-image:linear-gradient(35deg,#121212,80%,hsla(0,0%,7%,.6)),linear-gradient(transparent calc(50% - 1px),#fff 1px,transparent calc(50% + 1px) 100%),linear-gradient(90deg,transparent calc(50% - 1px),#fff 1px,transparent calc(50% + 1px) 100%);background-size:100% 100%,40px 40px,40px 40px}#start:after{content:"";background-image:url(../img/background-shape.png);background-position:50%;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.footer{background:#21b0c6;text-align:center;position:fixed;bottom:0;left:0;width:100%;translate:0 100%;transition:.4s}.footer.run{translate:0}section{border-bottom:1rem solid #21b0c6;position:relative}.img-lusia2{position:absolute;top:0;left:0;object-fit:cover;opacity:.05;height:100%;width:100%}.baner-01{height:100vh;display:flex;justify-content:center;align-items:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);text-align:center;font-family:Pacifico;font-weight:300}.baner-01 h1{font-size:3.7rem;display:flex;flex-direction:column;width:50%}.baner-01 h1,h2{font-weight:700;justify-items:center;align-items:center}h2{font-size:3rem;width:100%;margin-top:4rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);text-align:center;font-family:Pacifico}.container-timeline{width:80%;padding:50px 0;margin:50px auto;position:relative;overflow:hidden}.container-timeline:before{content:"";position:absolute;top:0;left:50%;margin-left:-1px;width:2px;height:100%;background:#ccd1d9;z-index:1}.timeline-block{width:calc(50% + 15px);display:flex;justify-content:space-between;clear:both}.timeline-block-right{float:right}.timeline-block-left{float:left;direction:rtl}.marker{width:30px;height:30px;border-radius:50%;border:2px solid #f5f7fa;background:#4fc1e9;margin-top:10px;z-index:9999;position:relative;background-image:url(../images/paws-girl.png);z-index:1}.paws-marker{position:absolute;top:4px;left:3px;width:20px}.timeline-content{width:95%;padding:0 15px;color:#666}.timeline-content h3{margin-top:5px;margin-bottom:5px;font-size:25px;font-weight:500;color:#fff}.timeline-content span{font-size:15px;color:#a4a4a4}.timeline-content p{font-size:14px;line-height:1.5em;word-spacing:1px;color:#888}.mt-0{margin-top:0!important}.border-none ul li a{border:none}@media (min-width:980px){html{font-size:.525vw}.grid-container{margin:4rem 0;justify-content:center}.grid-container img{max-width:90rem!important}.grid-container div{display:flex;flex-direction:column;align-items:center;max-width:50%}.grid-container span{max-width:80%;font-size:2.4rem}.grid-container p{font-size:4rem!important}}@media (max-width:980px){.container-50{width:90%}#start:before{background-image:none!important;background:none!important}#start:after{background-image:none!important;background:none!important}.baner-01 h1{width:100%!important}.grid-container{flex-direction:column;margin-top:5rem}.grid-container:nth-child(odd){flex-direction:column-reverse}.absolut-paws-1,.absolut-paws-2,.absolut-paws-3{display:none}.c-gallery__items{grid-template-columns:repeat(1,1fr)!important}.header-nav-menu{padding-left:3rem!important}.baner-01{background-image:url(../img/galery/img-lusia.jpg)!important;background:rgba(0,0,0,.6);background-blend-mode:overlay;object-fit:cover;background-position:50%}}@media screen and (max-width:768px){.container:before{left:1.7rem;width:2px}.timeline-block{width:100%;margin-bottom:30px}.timeline-block-right{float:none}.timeline-block-left{float:none;direction:ltr}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}