/*----------------but-y?----------------*/

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family:'Open Sans', sans-serif;
font-style:normal;
font-weight:400;
background-color: #000;
}

p {
color:white;
max-width: 50em;
}

a {
text-decoration: none;
color:white; }

.hanebuechli {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
z-index: 999;
box-sizing: border-box;
background-color: #000; }

.hanebuechli_content {
opacity: 0;
will-change: margin-top;
transition: all 700ms;
transition-delay: 300ms;
margin-top: -5%; }

.hanebuechli:target .hanebuechli_content {
opacity: 1;
margin-top: 0; }

.hanebuechli#h {
z-index: 1;
background: radial-gradient(ellipse at center, rgba(50,50,50,1) 0%,#000000 100%); }

.hanebuechli#l {
background-color: #4db5d8;
transition: all 800ms cubic-bezier(0.190, 1.000, 0.560, 1.000);
transform: translate3d( 0, -100%, 0 ); }

.hanebuechli#l:target {
transform: translate3d( 0, 0, 0 ); }

#hdln_lgl {
margin: 1rem 0 1rem;
font-size: 2rem;
}

.lgl_1 {
margin: 1rem 0 1rem;
font-size: 1rem;
}

.lgl_2 {
margin: 1rem 0 3rem;
font-size: 1rem;
}