.galerie{
float:left;
width:100%;
position:relative;
margin:0;
padding:0;
}

.galerie .amount{
position:absolute;
left:.5rem;
top:.5rem;
margin:0;
padding:0 .5rem;
border-radius:.25rem;
}

.galerie .amount p{
margin:0;
padding:0;
font-size:var(--m-font-size);
color:var(--asset-font-color);
}

.galerie .amount p:before{
display:inline-block;
content:'';
height:.95rem;
width:1em;
background:url('/asset/img/lightbox/amount.svg') no-repeat bottom left;
}

.galerie .amount{
background:var(--light-theme-color);
}

.galerie ul{
margin:0;
padding:0;
list-style:none;
}

.galerie.listing ul{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.galerie.listing li{
margin:0;
padding:0;
width:33%;
border:var(--base-border-color) 1px solid;
}

.galerie li.none{
display:none
}

.galerie li:before{
display:none
}

.galerie li .fit{
float:left;
width:100%;
height:auto;
margin:0 0 .75rem 0;
}

.media{
display:block;
}

.media a.link_extern:before{
display:none
}

.media a.link_intern:before{
display:none
}

.media.left{
float:left;
margin:0 .75rem 0 0;
}

.media.right{
float:right;
margin:0 0 0 .75rem;
}

.media.fit{
float:left;
width:100%;
height:auto;
margin:0 0 .75rem 0;
}

.media.file{
position:relative;
}

.media.fade_1,
.media.fade_2{
opacity:0;
}

.media.scroll_1{
opacity:0;
transition:opacity 1.8s ease-out;
will-change:opacity;
}

.media.scroll_2{
opacity:0;
transition:opacity .8s ease-out;
will-change:opacity;
}

.media.scroll_1.fade-in,
.media.scroll_2.fade-in{
opacity:1;
}


.background-wrapper{
background-size:100% auto;
background-position:center center;
}

figure{
width:auto;
display:inline-block;
}

figure img,
figure picture{
border-radius:0;
display:block;
}

figure .legend{
border-radius:0;
}

figure .file{
border-radius:0;
}

/* Mobile View */
@media screen and (max-width: 79.5rem){

/*
.media.file{
border:var(--base-border-color) 1px solid;
border-radius:.25rem;
}
*/

figure img,
figure picture{
border-radius:0;
}

figure .legend{
border-radius:0;
}

figure .file{
border-radius:0;
}

}

figure .legend{
display:block;
margin:0 auto 0 auto;
padding:.5em .75em .25em .75em;
background:var(--light-background-color);
}

figure .legend > *{
margin:0;
padding:0;
}

figure .legend .sl{
margin:0;
padding:0;
/* font-size:var(--l-font-size); */
font-size:calc(.85rem + (11 - 10) * ((100vw - 300px) / (1600 - 300)));
}

figure .legend .hl{
margin:0;
padding:0;
/* font-size:var(--m-font-size); */
font-size:calc(.95rem + (16 - 12) * ((100vw - 300px) / (1600 - 300)));
}

figure .legend .sl{
margin:0;
padding:0;
/* font-size:var(--l-font-size); */
font-size:calc(.85rem + (11 - 10) * ((100vw - 300px) / (1600 - 300)));
}

figure .legend p{
margin:0;
padding:.25em 0;
/* font-size:var(--m-font-size); */
font-size:calc(.85rem + (11 - 10) * ((100vw - 300px) / (1600 - 300)));
}


figure .file{
margin:.25em auto 0 auto;
padding:.25em;
border:1px solid var(--button-border-color);
background:var(--button-background-color);
border-radius:0;
border-bottom-left-radius:.25rem;
border-bottom-right-radius:.25rem;
}

figure .file p{
text-align:center;
width:auto;
margin:.15em;
padding:.15em;
}

figure .file p{
font-weight:normal;
}

figure .file p a{
color:var(--button-font-color);
}

figure .file p a:before{
display:inline-block;
content:'';
width:1em;
height:.75em;
}

figure .file p a:before{
background:url('/asset/img/icon/file-light.svg') no-repeat top left;
}



/*
.media.gradient_1:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
background:linear-gradient(to right, rgba(202,48,88,.75) 0%,rgba(255,153,72,.75) 100%);
z-index:2;
}
*/

/*
.media.gradient_2:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
background:linear-gradient(to right, rgba(0,129,213,.75) 0%,rgba(161,51,213,.75) 100%);
z-index:2;
}
*/

/*
.media.gradient_3:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
background:linear-gradient(to right, rgba(155,166,56,.82) 0%,rgba(180,193,59,.85) 100%);
z-index:2;
}
*/

/*
.background-wrapper.gradient_1:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
background:linear-gradient(to right, rgba(202,48,88,.75) 0%,rgba(255,153,72,.75) 100%);
z-index:1;
}
*/

/*
.background-wrapper.gradient_2:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
background:linear-gradient(to right, rgba(0,129,213,.75) 0%,rgba(161,51,213,.75) 100%);
z-index:1;
}
*/

/*
.background-wrapper.gradient_3:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
background:linear-gradient(to right, rgba(180,193,59,.82) 0%,rgba(180,193,59,.85) 100%);
z-index:1;
}
*/
