html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'Sweet';src:url("fonts/SweetSansPro-Medium.eot?#iefix") format("embedded-opentype"),url("fonts/SweetSansPro-Medium.otf") format("opentype"),url("fonts/SweetSansPro-Medium.woff") format("woff"),url("fonts/SweetSansPro-Medium.ttf") format("truetype"),url("fonts/SweetSansPro-Medium.svg#SweetSansPro-Medium") format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Caslon';src:url("fonts/Caslon224Std-Book.eot?#iefix") format("embedded-opentype"),url("fonts/Caslon224Std-Book.otf") format("opentype"),url("fonts/Caslon224Std-Book.woff") format("woff"),url("fonts/Caslon224Std-Book.ttf") format("truetype"),url("fonts/Caslon224Std-Book.svg#Caslon224Std-Book") format("svg");font-weight:normal;font-style:normal;font-display:swap}::-moz-selection{background:black;color:#f3da9a}::selection{background:black;color:#f3da9a}::-moz-selection{background:black;color:#f3da9a}html,body{font-family:'Sweet';line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{height:auto}h1{font-size:13px;display:table;margin:0 auto;border:1px solid black;padding:12px 28px 11px;margin-top:7em;margin-bottom:5em;line-height:1;letter-spacing:0.04em;position:relative}@media (max-width: 640px),(max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){h1{position:relative;transform:translate(0%, 0);margin-bottom:50px}}h2{text-align:center;margin:8em auto 6em;font-size:16px;letter-spacing:0.04em}@media (max-width: 640px),(max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){h2{margin-bottom:60px;font-size:18px;margin-left:auto;margin-right:auto}}h3{text-align:center;margin:0 auto 2em;font-size:42px}@media (max-width: 1200px){h3{font-size:38px}}@media (max-width: 1000px){h3{font-size:34px}}@media (max-width: 860px){h3{font-size:30px}}@media (max-width: 720px){h3{font-size:26px}}@media (max-width: 640px),(max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){h3{font-size:22px;margin-bottom:40px}}h4{font-family:'Caslon', serif;font-size:25px;line-height:1.5;text-align:center}@media (max-width: 1200px){h4{font-size:24px}}@media (max-width: 1000px){h4{font-size:23px}}@media (max-width: 860px){h4{font-size:22px}}@media (max-width: 720px){h4{font-size:21px}}@media (max-width: 640px){h4{font-size:20px}}#corona{position:fixed;left:50%;top:0%;z-index:9999;background:white;transform:translate(-50%, 20%);box-shadow:5px 5px 5px 0px rgba(0,0,0,0.4);display:flex;flex-direction:column;align-items:center;transition:transform 0.4s;width:600px;max-width:100vw}#corona.hide{transform:translate(-50%, -101%)}@media (max-width: 768px){#corona{top:0%;transform:translate(-50%, 0%)}}#corona h1{margin-top:5.5rem;margin-bottom:10rem}@media (max-width: 640px){#corona h1{margin-top:4rem;margin-bottom:5rem}}#corona h4{width:360px;max-width:90vw}#corona button{font-size:14px;line-height:1.5;margin-top:4em;margin-bottom:2.5rem}.overflow-hidden{overflow:hidden}header{position:fixed;top:0;z-index:20;width:100vw;background:white;box-shadow:0 5px 10px 0px rgba(0,0,0,0.2),0 1px 1px 0px rgba(0,0,0,0.08);opacity:0;transition:0.15s ease-in-out}header #menu{margin-top:30px;display:flex;line-height:1;margin-left:calc( ( 50% - 392px ) / 2 + 4.5em)}@media (max-width: 720px){header #menu{margin-top:25px}}header #menu button{font-size:14px;padding:10px 15px 40px}@media (max-width: 1200px){header #menu button{padding:6px 15px 44px}}@media (max-width: 1000px){header #menu button{padding:5px 15px 35px;font-size:13px}}@media (max-width: 860px){header #menu button{padding:4px 12px 32px;font-size:12px}}@media (max-width: 720px){header #menu button{padding:3px 8px 25px;font-size:12px}}header #menu button:nth-child(1){transition-delay:0.15s}header #menu button:nth-child(2){transition-delay:0.3s}header #menu button:nth-child(3){transition-delay:0.45s}header #menu button:nth-child(4){transition-delay:0.6s}header #menu button:nth-child(5){transition-delay:0.75s}header #menu button:after{transition:0.2s ease-out;content:'';background:black;height:1px;bottom:2.3em;position:absolute;width:0;left:50%;transform:translate(-50%, 0)}@media (max-width: 860px){header #menu button:after{bottom:1.8em}}@media (max-width: 720px){header #menu button:after{bottom:1.5em}}@media (max-width: 640px){header #menu button:after{bottom:0em}}header #menu button:nth-child(1):after{background:#c0d2dc}header #menu button:nth-child(2):after{background:#dd8b76}header #menu button:nth-child(3):after{background:#e1c9b4}header #menu button.active:after,header #menu button:hover:after{width:calc(100% - 30px)}@media (max-width: 860px){header #menu button.active:after,header #menu button:hover:after{width:calc(100% - 24px)}}@media (max-width: 720px){header #menu button.active:after,header #menu button:hover:after{width:calc(100% - 16px)}}@media (max-width: 640px){header #menu button.active:after,header #menu button:hover:after{width:calc(100% - 10px)}}@media (max-width: 860px){header #menu{margin-left:calc( 4.5em)}}@media (max-width: 720px){header #menu{margin-left:calc( 5em)}}@media (max-width: 640px){header{width:50vw;height:100vh;right:0;transform:translate(101%, 0)}header #menu{display:block;margin-top:60px;margin-left:25px;margin-right:50px}header #menu button{text-align:left;padding:5px;margin-bottom:35px;display:table;width:auto}header #menu button:after{height:1px;left:5px;transform:translate(0, 0)}header #menu button.active:after,header #menu button:hover:after{width:calc(100% - 10px)}}header.visible{display:table;opacity:1;transform:translate(0, 0);transition:0.3s ease-in-out}header.visible #menu button{transform:translate(0, 0);opacity:1}.initial.bbb,.initial.www{height:100px;width:auto;right:50px}@media (max-width: 1000px){.initial.bbb,.initial.www{height:90px;right:45px}}@media (max-width: 860px){.initial.bbb,.initial.www{height:80px;right:40px}}@media (max-width: 700px){.initial.bbb,.initial.www{height:70px;right:35px}}@media (max-width: 600px){.initial.bbb,.initial.www{height:60px;right:30px}}@media (max-width: 500px){.initial.bbb,.initial.www{height:50px;right:25px}}@media (max-width: 400px){.initial.bbb,.initial.www{height:40px}}.initial.bbb{top:50px;position:fixed;z-index:30}@media (max-width: 1000px){.initial.bbb{top:45px}}@media (max-width: 800px){.initial.bbb{top:40px}}@media (max-width: 700px){.initial.bbb{top:35px}}@media (max-width: 600px){.initial.bbb{top:30px}}@media (max-width: 500px){.initial.bbb{top:25px}}.initial.www{bottom:50px;position:absolute}@media (max-width: 900px){.initial.www{bottom:45px}}@media (max-width: 800px){.initial.www{bottom:40px}}@media (max-width: 700px){.initial.www{bottom:35px}}@media (max-width: 600px){.initial.www{bottom:30px}}@media (max-width: 500px){.initial.www{bottom:25px}}@media (max-width: 640px){.initial{display:none}}.word-break{width:min-intrinsic;width:-webkit-min-content;width:-moz-min-content;width:min-content;display:table-caption;display:-ms-grid;-ms-grid-columns:min-content}section{position:relative;width:100%;min-height:100vh;max-height:1200px;display:flex;flex-direction:row;overflow:hidden}@media (max-width: 640px){section{max-height:none}}@media (max-width: 640px),(max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){section:not(.first):not(.last){height:auto;flex-direction:column}}section.low{min-height:50vh;height:auto;background:white}section.first{min-height:900px;height:calc(100vh + 360px);max-height:none}@media (max-width: 960px){section.first{min-height:850px;height:calc(100vh + 280px)}}@media (max-width: 720px){section.first{min-height:800px;height:calc(100vh + 240px)}}@media (max-width: 640px){section.first{min-height:700px;height:calc(100vh + 190px)}}@media (max-width: 540px){section.first{min-height:700px;height:calc(100vh + 140px)}}@media (max-width: 480px){section.first{min-height:600px;height:calc(100vh + 90px)}}@media (max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){section.first{height:auto}section.first .inner{justify-content:flex-end;padding:30px 25px}section.first .inner .logo-container,section.first .inner .title{margin-bottom:10vw}section.first .right{position:fixed;width:50%;height:100vh;right:0;z-index:0}}section.first .inner{justify-content:flex-end;padding-bottom:4em}section.first .logo-container{z-index:30;position:absolute;top:1.5em}section.first .intro{margin-top:1.7em}@media (min-height: 1100px){section.first .inner{padding-bottom:6em}section.first .logo-container{top:1.5em}section.first .intro{margin-top:2em}}@media (min-height: 1200px){section.first .inner{padding-bottom:8em}section.first .logo-container{top:1.7em}section.first .intro{margin-top:2.2em}}@media (min-height: 1300px){section.first .inner{padding-bottom:10em}section.first .logo-container{top:1.8em}section.first .intro{margin-top:2.5em}}@media (min-height: 1400px){section.first .inner{padding-bottom:14em}section.first .logo-container{top:2em}section.first .intro{margin-top:3em}}section .left,section .right{min-height:900px;width:50%;display:flex;align-items:center;flex-direction:column}@media (max-width: 1000px){section .left,section .right{min-height:800px}}@media (max-width: 900px){section .left,section .right{min-height:700px}}@media (max-width: 800px){section .left,section .right{min-height:600px}}@media (max-width: 640px),(max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){section .left,section .right{min-height:0}}@media (max-aspect-ratio: 2/1) and (orientation: portrait){section .left,section .right{min-height:0}}@media (max-width: 640px),(max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){section:not(.first):not(.last) .left,section:not(.first):not(.last) .right{width:100%}}section .inner{display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;height:100%;width:450px}section .inner p:not(.not){max-width:700px;margin:0 auto;text-align:center;font-family:'Caslon';line-height:1.4;font-size:18px;letter-spacing:0.03em;margin-bottom:1.25em}@media (max-width: 1000px){section .inner p:not(.not){font-size:17px;max-width:500px}}@media (max-width: 800px){section .inner p:not(.not){font-size:16px}}section .inner p:not(.not):last-child{margin-bottom:6em}section .inner p.not:last-child{margin-top:0.7em}section .inner.full{width:calc(100% - 50px);max-width:calc( 100% - ( 50% - 450px))}@media (max-width: 640px),(max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){section .inner.full{width:calc(100% - 50px)}}section .inner .headline-h1{margin:0 auto;display:table}section.full{min-height:720px}@media (max-width: 1000px){section.full{min-height:680px}}@media (max-width: 840px){section.full{min-height:640px}}@media (max-width: 640px),(max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){section.full{min-height:auto}}section.low .inner p{max-width:350px;font-size:16px;margin-left:auto;margin-right:auto;text-align:left;letter-spacing:0.04em}@media (max-width: 1000px){section.low .inner p{font-size:15px}}@media (max-width: 800px){section.low .inner p{font-size:14px}}@media (max-width: 640px),(max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){section.low .inner p{max-width:500px;margin-left:auto;margin-right:auto;font-size:16px}}section.first .left{background:white}section.first .right{background:#e1c9b4 url(img/1.jpg) no-repeat center center;background-position:center top;background-size:cover}@media (max-aspect-ratio: 2/1) and (orientation: portrait) and (max-width: 600px){section.first .inner{padding:30px 25px}}@media (max-aspect-ratio: 2/1) and (orientation: portrait) and (max-width: 500px){section.first .inner{padding:25px}}section.second{background:#c0d2dc}section.third .left{position:relative;overflow:hidden}section.third .shirt{position:absolute;top:-10%;left:0;height:125%;width:100%}section.third .shirt.pocket{z-index:4;background:url(animation/shirt/pocket.png) no-repeat center center;background-size:cover}section.third .shirt.rose{z-index:3;background:url(animation/shirt/rose.png) no-repeat center center;background-size:cover}section.third .shirt.leaves{z-index:2;background:url(animation/shirt/leaves.png) no-repeat center center;background-size:cover}section.third .shirt.background{z-index:1;background:url(animation/shirt/background.jpg) no-repeat center center;background-size:cover}@media (max-width: 640px),(max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){section.third .shirt.pocket,section.third .shirt.rose,section.third .shirt.leaves,section.third .shirt.background{height:300%;background-position:center top;top:-40%}}section.fourth .right{position:relative;overflow:hidden}section.fourth .right .bed,section.fourth .right .pillow div{position:absolute;top:0;left:0;height:100%;width:100%}section.fourth .right .bed.rose,section.fourth .right .pillow div.rose{z-index:4;background:url(animation/bed/rose.png) no-repeat center center;background-size:cover;left:1%}section.fourth .right .bed.pillow-left,section.fourth .right .pillow div.pillow-left{z-index:3;background:url(animation/bed/pillow-left-unclean.png) no-repeat center center;background-size:cover}section.fourth .right .bed.pillow-left .clean,section.fourth .right .pillow div.pillow-left .clean{background:url(animation/bed/pillow-left-clean.png) no-repeat center center;background-size:cover}section.fourth .right .bed.pillow-right,section.fourth .right .pillow div.pillow-right{z-index:2;background:url(animation/bed/pillow-right-unclean.png) no-repeat center center;background-size:cover}section.fourth .right .bed.pillow-right .clean,section.fourth .right .pillow div.pillow-right .clean{background:url(animation/bed/pillow-right-clean.png) no-repeat center center;background-size:cover}section.fourth .right .bed.background,section.fourth .right .pillow div.background{z-index:1;background:url(animation/bed/background.jpg) no-repeat center center;background-size:cover}section.fifth .left{position:relative}section.fifth .left .chairs{position:absolute;top:0;left:0;height:100%;width:100%}section.fifth .left .chairs.chair{z-index:2;background:url(animation/chair/chair.png) no-repeat center center;background-size:cover;transform:translate(-34%, 0)}@media (max-width: 1000px){section.fifth .left .chairs.chair{background-position:30%}}section.fifth .left .chairs.background{z-index:1;background:url(animation/chair/background.jpg) no-repeat center center;background-size:cover}@media (max-width: 1000px){section.fifth .left .chairs.background{background-position:30%}}section.sixth{background:#dd8b76}section.sixth h3+h3{width:8em}section.seventh .inner,section.seventh .inner p{transform:translate(0, 0)}section.seventh .inner h2,section.seventh .inner p,section.seventh .inner p h2,section.seventh .inner p p{text-align:left}section.seventh .inner h2,section.seventh .inner p h2{margin:5em 0 2.5em}@media (max-width: 640px),(max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){section.seventh .inner h2,section.seventh .inner p h2{margin-left:auto;margin-right:auto}}section.seventh .inner h2:first-child,section.seventh .inner p h2:first-child{margin-top:0}section.seventh .right{position:relative}section.seventh .right .watch{position:absolute;top:0;left:0;height:100%;width:100%}section.seventh .right .watch.clutch{z-index:5;background:url(animation/watch/clutch.png) no-repeat center center;background-size:cover}section.seventh .right .watch.minute{z-index:4;background:url(animation/watch/minute.png) no-repeat center center;background-size:cover}section.seventh .right .watch.hour{z-index:3;background:url(animation/watch/hour.png) no-repeat center center;background-size:cover}section.seventh .right .watch.minute-shadow{z-index:2;background:url(animation/watch/minute-shadow.png) no-repeat center center;background-size:cover;opacity:0.9}section.seventh .right .watch.hour-shadow{z-index:2;background:url(animation/watch/hour-shadow.png) no-repeat center center;background-size:cover;opacity:0.9}section.seventh .right .watch.background{z-index:1;background:#e1c9b4 url(animation/watch/background.jpg) no-repeat center center;background-size:cover}section.eighth{background:#f3da9a}section.eighth .inner{position:relative;padding-left:0}section.eighth button#portfolio{width:8.1em;position:absolute;top:100px;left:0px;font-size:13px;line-height:1.2;letter-spacing:0.04em}@media (max-width: 640px){section.eighth button#portfolio{z-index:10}}section.eighth button#portfolio .closer{display:none;padding:0}section.eighth button#portfolio.active{z-index:100}@media (max-width: 640px){section.eighth button#portfolio.active{z-index:0}}section.eighth button#portfolio.active .open{display:none}@media (max-width: 640px){section.eighth button#portfolio.active .open{display:block}}section.eighth button#portfolio.active .closer{display:block}@media (max-width: 640px){section.eighth button#portfolio.active .closer{display:none}}section.eighth button#portfolio .plus,section.eighth button#portfolio .minus{width:20px;height:20px;position:relative;background:url(img/plus.png) no-repeat center center;background-size:contain;left:calc(50% - 10px);margin-top:10px}section.eighth button#portfolio .minus{background-image:url(img/minus.png)}@media (max-width: 640px){section.eighth button#portfolio{width:100%;display:table;height:3em;position:relative;margin-bottom:5em;top:0 !important;transform:translate(0, 0)}section.eighth button#portfolio br{display:none}}section.last{height:auto}section.last .left,section.last .right{min-height:0}section.last .right{background:#e1c9b4 url(img/6.jpg) no-repeat center center;background-size:cover}section .inner{width:calc(100% - 50px);max-width:450px}section .inner p{transform:translate(0, 0)}@media (max-width: 860px){section.low .inner p,section.low .inner{transform:translate(0, 0)}}.intro,#logo{letter-spacing:0.04em;font-family:'Caslon'}.logo-container{padding-top:2em;position:relative;line-height:1}#logo{position:fixed;top:0;z-index:10;letter-spacing:0.06em;transform-origin:0 0}@media (max-width: 640px){#logo{position:absolute}}.title{line-height:1.2;font-size:16px}.title p:nth-child(2),.title p:nth-child(3){margin:14px 0}@media (max-width: 1000px){.title{font-size:15px}}@media (max-width: 800px){.title{font-size:14px}}@media (max-width: 640px){.title{font-size:13px}}.intro{text-align:left;width:7em;width:100%}section.last .inner{padding:7.5em 0}section.last .inner .outro{font-family:'Caslon';font-size:54px;width:10em}section.last .inner .outro p{margin-bottom:0.8em;text-transform:lowercase;text-align:left}@media (max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){section.last .inner{min-height:auto;height:100vh}}a{color:black;text-decoration:none;position:relative}a span{position:relative}a span:after{content:'';height:2px;background:black;bottom:0px;left:0;position:absolute;width:0;opacity:0.4;transition:.2s}a:hover span:after{width:100%;opacity:1;transition:.3s}button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;outline:none}button .minus{width:20px;height:20px;position:relative;background:url(img/minus.png) no-repeat center center;background-size:contain;left:calc(50% - 10px);margin-top:10px}footer{position:absolute;text-align:left;left:0;bottom:50px;width:150px;margin:0 auto;z-index:100;display:flex}footer button.opener{white-space:pre}@media (max-width: 640px){footer{z-index:1;flex-direction:column}footer button.opener{white-space:unset;text-align:left}}@media (max-width: 900px){footer{bottom:45px}}@media (max-width: 800px){footer{bottom:40px}}@media (max-width: 700px){footer{bottom:35px}}@media (max-width: 600px){footer{bottom:30px}}@media (max-width: 500px){footer{bottom:25px}}footer button,footer .closer{font-size:14px;letter-spacing:0.04em;padding:10px;margin-right:10px;transform:translate(-10px, 10px)}footer button:last-child,footer .closer:last-child{margin-right:0}@media (max-width: 1200px){footer button,footer .closer{font-size:13px}}@media (max-width: 1000px){footer button,footer .closer{font-size:12px}}@media (max-width: 800px){footer button,footer .closer{margin-right:5px}}@media (max-width: 640px){footer button,footer .closer{margin-right:0px}footer button:first-child,footer .closer:first-child{padding-right:6px !important}footer button.hidden,footer .closer.hidden{display:none}}footer button.closer,footer .closer.closer{z-index:10000;position:fixed;bottom:30px}@media (max-width: 900px){footer button.closer,footer .closer.closer{bottom:25px}}@media (max-width: 800px){footer button.closer,footer .closer.closer{bottom:22px}}@media (max-width: 700px){footer button.closer,footer .closer.closer{bottom:25px}}@media (max-width: 640px){footer button.closer,footer .closer.closer{display:none}}@media (max-width: 640px),(max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){#shirt,#bed,#watch,#chair{min-height:auto;height:300px;height:60vw}section.fourth .right,section.seventh .right{order:1}section.fourth .left,section.seventh .left{order:2}}@media (max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){#shirt,#bed,#watch,#chair{height:400px;height:80vh}}.intro,.logo-container,#logo,#menu,section.last .inner .outro{font-size:54px}@media (max-width: 1200px){.intro,.logo-container,#logo,#menu,section.last .inner .outro{font-size:48px}}@media (max-width: 1000px){.intro,.logo-container,#logo,#menu,section.last .inner .outro{font-size:44px}}@media (max-width: 860px){.intro,.logo-container,#logo,#menu,section.last .inner .outro{font-size:38px}}@media (max-width: 720px){.intro,.logo-container,#logo,#menu,section.last .inner .outro{font-size:32px}}@media (max-width: 640px){.intro,.logo-container,#logo,#menu,section.last .inner .outro{font-size:28px}}@media (max-width: 560px){.intro,.logo-container,#logo,#menu,section.last .inner .outro{font-size:23px}}@media (max-width: 480px){.intro,.logo-container,#logo,#menu,section.last .inner .outro{font-size:20px}}@media (max-width: 400px){.intro,.logo-container,#logo,#menu,section.last .inner .outro{font-size:17px}}.logo-container{width:7em}@media (max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){section.last .inner .outro{font-size:18px;font-size:5.5vh}}@media (max-width: 640px) and (max-aspect-ratio: 2/1) and (orientation: portrait){section.last .inner{min-height:0}}.close,.hamburger{outline:none;padding:25px 25px;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;z-index:20;cursor:pointer}.close:hover,.hamburger:hover{opacity:0.7;cursor:pointer}.hamburger{display:none}@media (max-width: 640px){.hamburger{display:table;position:fixed;right:0px}}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative;cursor:pointer}.hamburger-inner{display:block;top:50%;margin-top:-2px;cursor:pointer}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.close .hamburger-inner,.hamburger--slider .hamburger-inner{top:2px}.close .hamburger-inner::before,.hamburger--slider .hamburger-inner::before{top:10px;transition-property:transform, opacity;transition-timing-function:ease;transition-duration:0.15s}.close .hamburger-inner::after,.hamburger--slider .hamburger-inner::after{top:20px}.close .hamburger-inner,.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0, 10px, 0) rotate(45deg)}.close .hamburger-inner::before,.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity:0}.close .hamburger-inner::after,.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0, -20px, 0) rotate(-90deg)}.overlay{transition:.5s;z-index:30;position:fixed;top:0;background:white;width:100vw;height:100vh}.overlay h1{position:relative;border:none;padding:0;transform:translate(0, 0);font-size:16px;margin:3em auto 6em}.overlay#partner,.overlay#impressum{transform:translate(0, 120%)}.overlay#partner.active,.overlay#impressum.active{transform:translate(0, 0)}.overlay#edu{background:#f3da9a;transform:translate(-120%, 0)}.overlay#edu.active{transform:translate(0, 0)}.overlay.active{transform:translate(0, 0)}.overlay .close{top:0px;right:0;position:fixed}@media (min-width: 641px){.overlay .close{display:none}}.overlay .scroll{width:100%;height:calc(100vh - 100px);padding:70px 0 30px;position:absolute;overflow:auto;-webkit-overflow-scrolling:touch}.overlay .inner{height:auto;padding:0 25px;max-width:660px;margin:0 auto}.overlay .inner div{font-family:'Caslon';font-size:14px;letter-spacing:0.04em;line-height:1.5;text-align:center;margin-bottom:4em}.overlay .inner div.first{font-size:16px;margin-bottom:6em}.overlay .inner div.first p{margin-bottom:3.5em}.overlay .inner div h2{font-size:14px;margin-bottom:1.2em;margin-top:3em}.overlay .inner div:not(.first) p{margin-bottom:1.5em}.overlay .inner div:not(.first):last-child{word-wrap:break-word}@media (min-width: 641px) and (max-width: 900px){.overlay .inner{max-width:calc(100% - 150px);margin-right:0}.overlay .inner p,.overlay .inner h1,.overlay .inner h2,.overlay .inner h3{width:100%;text-align:left}}@media (min-width: 641px){.overlay#edu .inner{margin-right:0;margin-left:35vw}.overlay#edu .inner p,.overlay#edu .inner h1,.overlay#edu .inner h2,.overlay#edu .inner h3{text-align:left;width:100%}}@media (max-width: 920px){.overlay#edu .inner{margin-left:30vw}}@media (max-width: 720px){.overlay#edu .inner{margin-left:25vw}}@media (max-width: 640px){.overlay#edu .inner{margin-left:auto;margin-right:auto}}.overlay#edu .inner p{margin-bottom:1.2em}.overlay#partner a{position:relative;display:inline-table}.overlay#partner a:after{content:'';position:absolute;width:0%;height:1px;left:0;bottom:1px;background:black;transition:0.2s}.overlay#partner a:hover:after{width:100%}.overlay#partner .scroll{display:flex;justify-content:center;align-items:center}#einzeltherapie p{max-width:400px}#paartherapie p{max-width:390px}#gruppentherapie h2{transform:translate(-5%, 0)}#gruppentherapie p{max-width:390px}#dauer-preise .inner{justify-content:flex-end}#dauer-preise .inner h2{margin-top:4em 0}#dauer-preise .inner h2:first-child{margin-top:4em}@media (max-width: 640px),(max-width: 800px) and (max-aspect-ratio: 2/1) and (orientation: landscape){#dauer-preise .inner h2:first-child{margin-top:8em}}#dauer-preise .inner p{margin-bottom:6em}#dauer-preise .inner p.margin-bottom-1{margin-bottom:1.5em}#dauer-preise .inner p.small{font-size:0.8em}#dauer-preise .inner p.max-width-none{max-width:none}@media (max-width: 450px){#dauer-preise .inner h3 br{display:none}}#dauer-preise .left p{margin-left:0}@media (min-width: 641px){#kontakt{min-height:calc(100vh - 50px)}}#kontakt .inner{position:relative;justify-content:flex-end}.hidden{display:none}section.fourth .right.mobile{display:none}body.mobile section.first .left{display:block}body.mobile section.first .left .inner{display:block;margin-top:100%;height:calc(100% - 50px)}body.mobile section.first .left .inner .intro{margin-top:60%}body.mobile section.first .right{height:100%;right:0;position:absolute}@media (max-width: 480px){body.mobile #kontakt{flex-direction:column}body.mobile #kontakt .inner{padding:3em 0 1em;justify-content:space-between}body.mobile #kontakt .left{order:2;width:100%}body.mobile #kontakt .left .inner{min-height:80vw;height:100%;display:flex;justify-content:space-between}body.mobile #kontakt .right{order:1;height:100vw;width:100%}body.mobile #kontakt footer{position:relative;bottom:0;flex-direction:row;margin:0;width:100%}}body.mobile section:not(.first):not(.last),body.mobile article,body.mobile h3,body.mobile p{width:100%;display:block}body.mobile section:not(.first):not(.last) .inner,body.mobile section:not(.first):not(.last) .left,body.mobile section:not(.first):not(.last) .right,body.mobile article .inner,body.mobile article .left,body.mobile article .right,body.mobile h3 .inner,body.mobile h3 .left,body.mobile h3 .right,body.mobile p .inner,body.mobile p .left,body.mobile p .right{display:block}body.mobile section.fourth .right:not(.mobile){display:none !important}body.mobile section.fourth .right.mobile{display:block}html.webp section.first .right{background-image:url(img/1.webp)}html.webp section.last .right{background-image:url(img/6.webp)}html.webp section.third .shirt.pocket{background-image:url(animation/shirt/pocket.webp)}html.webp section.third .shirt.rose{background-image:url(animation/shirt/rose.webp)}html.webp section.third .shirt.leaves{background-image:url(animation/shirt/leaves.webp)}html.webp section.third .shirt.background{background-image:url(animation/shirt/background.webp)}html.webp section.fourth .bed.rose,html.webp section.fourth .pillow div.rose{background-image:url(animation/bed/rose.webp)}html.webp section.fourth .bed.pillow-left,html.webp section.fourth .pillow div.pillow-left{background-image:url(animation/bed/pillow-left-unclean.webp)}html.webp section.fourth .bed.pillow-left .clean,html.webp section.fourth .pillow div.pillow-left .clean{background-image:url(animation/bed/pillow-left-clean.webp)}html.webp section.fourth .bed.pillow-right,html.webp section.fourth .pillow div.pillow-right{background-image:url(animation/bed/pillow-right-unclean.webp)}html.webp section.fourth .bed.pillow-right .clean,html.webp section.fourth .pillow div.pillow-right .clean{background-image:url(animation/bed/pillow-right-clean.webp)}html.webp section.fourth .bed.background,html.webp section.fourth .pillow div.background{background-image:url(animation/bed/background.webp)}html.webp section.fifth .chairs.chair{background-image:url(animation/chair/chair.webp)}html.webp section.fifth .chairs.background{background-image:url(animation/chair/background.webp)}html.webp section.seventh .watch.background{background-image:url(animation/watch/background.webp)}
/*# sourceMappingURL=styles.css.map */