*,:after,:before{box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figure,h1,h2,h3,h4,ol[class],p,ul[class]{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{display:block}article>*+*{margin-top:1em}button,input,select,textarea{font:inherit}img:not([alt]){filter:blur(10px)}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Lato;font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/Lato-Light.woff2) format("woff2"),url(../fonts/Lato-Light.woff) format("woff"),url(../fonts/Lato-Light.ttf) format("truetype")}:root{--color-h:35;--color-s:51%;--color-l:46%;--color-a:1;--accent-color:hsla(var(--color-h,35),var(--color-s),var(--color-l),var(--color-a));--background-color:#faf8f1}body{font-size:100%;font-family:Lato,Helvetica Neue,Arial,sans-serif;font-weight:400}body,caption,fieldset,h1,h2,h3,h4,h5,h6,input,legend,option,select,td,textarea,th{font-size-adjust:.5}h1{color:hsla(var(--color-h),var(--color-s),var(--color-l),var(--color-a))}h2{color:hsla(var(--color-h),var(--color-s),calc(var(--color-l) - 10%),var(--color-a))}h1{font-size:2em;font-weight:100;line-height:1.25;padding:2rem 0;text-transform:uppercase}@media (min-width:43.75em){h1{font-size:2.5em;line-height:1.125}}@media (min-width:56.25em){h1{font-size:3em;line-height:1.05}}h2{font-size:1.625em;font-weight:100;line-height:1.15384615;padding:1rem 0}@media (min-width:43.75em){h2{font-size:2em;line-height:1.25}}@media (min-width:56.25em){h2{font-size:2.25em;line-height:1.25}}h3{font-family:luckiest-guy,arial,sans-serif;font-size:1.375em;font-weight:100;line-height:1.13636364}@media (min-width:43.75em){h3{font-size:1.5em;line-height:1.25}}@media (min-width:56.25em){h3{font-size:1.75em;line-height:1.25}}h4{font-family:luckiest-guy,arial,sans-serif;font-size:1.125em;font-weight:100;line-height:1.11111111}@media (min-width:43.75em){h4{line-height:1.22222222}}a,blockquote,p,span{font-size:1.25em;line-height:1.25}ul{font-size:1.15em;list-style-type:none;padding:0}@media (min-width:43.75em){a,blockquote,p,span{font-size:1.5em;line-height:1.45833333}ul{font-size:1.4em}}html{scroll-behavior:smooth}body{color:#3c4648}.background_fixed{background-image:url(../img/yutas_hg.jpg);background-position:100%;background-repeat:no-repeat;background-size:cover;height:100%;position:fixed;width:100%}img{max-width:100%;height:auto}header{position:fixed;left:0;right:0;display:flex;align-items:flex-end;padding:.5rem 0;z-index:100;height:max(12vh,80px);background-color:var(--background-color);opacity:0;transform:translateY(-100px);will-change:transform,opacity;transition:all .5s}@media (min-width:170ch){header{background-color:transparent}}header h1{display:none}header button{cursor:pointer;display:block;border:0;background:none;padding:0;transition:color .2s ease-in-out .5s;color:var(--accent-color)}header button svg{width:3rem;stroke:currentColor}header button[aria\-expanded=true]{display:none}.header-visible{opacity:1;transform:translateY(0)}.header-visible~.hero:after{transform:translateY(-200px);transition:transform .5s ease-in-out}.open-btn{margin-left:auto;padding-right:2rem}#menu{pointer-events:none;position:fixed;left:-100%;top:0;height:100%;transition:left .6s cubic-bezier(.19,1,.22,1);z-index:-1;overflow:hidden;display:flex;width:auto;background-color:var(--background-color)}#menu ul{padding-top:min(25vh,130px);padding-left:1rem;display:flex;flex-direction:column}#menu li{padding:.5rem 0}#menu a{font-size:2rem;color:hsla(var(--color-h),var(--color-s),var(--color-l),var(--color-a));text-decoration:none}#menu a:hover{--color-l:36%}#menu .impressum{margin-top:auto;font-size:1rem;color:var(--accent-color)}#menu .impressum a{font-family:inherit;font-size:inherit;color:inherit;font-weight:inherit}#menu button{align-self:flex-start}#menu.is-open{pointer-events:all;left:0}.logo{align-self:flex-start;padding-left:1rem}.logo img{height:max(10vh,60px)}a.slide-link{position:relative;display:inline-flex;outline:none;padding-right:3px;letter-spacing:1px;overflow:hidden;color:inherit}a.slide-link,a.slide-link:hover{text-decoration:none}a.slide-link span{position:relative;display:inline-block;transition:all .3s}a.slide-link span:before{position:absolute;top:100%;content:attr(data-hover);font-weight:400;color:var(--referenzen-color);transform:translateZ(0)}a.slide-link:focus span,a.slide-link:hover span{transform:translateY(-100%)}.hero{height:100vh;display:flex;justify-content:center;align-items:center;padding-bottom:10vh}.hero:after{content:" ";position:absolute;bottom:1rem;height:5vw;max-height:40px;width:100%;background-image:url(../img/pfeil_start.svg);background-repeat:no-repeat;background-position:50%;pointer-events:all;left:0}.hero img{width:60vw;z-index:100}main{margin:0 auto;height:calc(100vh - 130px);position:relative;top:20vw}.main-pic{display:none}.main-text{padding:.5rem}.impressum header{opacity:1;transform:none}.impressum main{top:max(12vh,80px);word-break:break-word}.impressum h3{padding:.5rem 0}.impressum a{color:inherit;font-size:inherit;text-decoration:none}section{width:min(100vw,100ch);margin:0 auto;padding:0 2rem 2rem}.kontakt{height:100vh;display:grid;align-content:center}.kontakt h1{font-size:min(10vw,6rem)}.kontakt address{font-size:inherit;font-style:inherit}.kontakt address a,.kontakt address span{display:block}.kontakt address a{color:inherit;text-decoration:none}.overlay-on .overlay{display:block}.overlay{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}@media only screen and (max-width:768px){.background_fixed{background-image:url(../img/yutas_hg_small.jpg)}section{padding:0 1rem 2rem}#menu a{font-size:1.7rem}}