#media-highlight-wrapper{
display:block;
width:100%;
height:auto;
max-height:70vh;
position:relative;
z-index:0;
overflow:hidden;
margin:0 0 .5rem 0;
}

/* Mobile View till Tablet */
@media screen and (max-width: 45em){

#media-highlight-wrapper{
max-height:70vh;
}

#media-highlight-wrapper figure,
#media-highlight-wrapper picture,
#media-highlight-wrapper img{
width:90%;
object-position:center center;
}

/* Tab icon */
#media-highlight-wrapper .tab_icon{
bottom:1.85rem;
}

}

/* Mobile View -> Tablet && Portrait */
@media screen and (min-width: 45rem) and (max-width: 79.5rem) and (orientation: portrait){

#media-highlight-wrapper{
max-height:70vh;
}

#media-highlight-wrapper figure,
#media-highlight-wrapper picture,
#media-highlight-wrapper img{
object-position:center -5vh;
}

/* Tab icon */
#media-highlight-wrapper .tab_icon{
bottom:6.5rem;
}

}


/* Mobile View -> Tablet && Landscape */
@media screen and (min-width: 45rem) and (max-width: 79.5rem) and (orientation: landscape){

#media-highlight-wrapper{
max-height:80vh;
}

#media-highlight-wrapper figure,
#media-highlight-wrapper picture,
#media-highlight-wrapper img{
object-position:center -5vh;
}

/* Tab icon */
#media-highlight-wrapper .tab_icon{
bottom:6.5rem;
}


}


/* Desktop View */
@media screen and (min-width: 79.5rem){

#media-highlight-wrapper{
max-height:70vh;
}

#media-highlight-wrapper figure,
#media-highlight-wrapper picture,
#media-highlight-wrapper img{
object-position:center -10vh;
}

/* Tab icon */
#media-highlight-wrapper .tab_icon{
bottom:9.5rem;
}


}

#media-bg-wrapper{
position:relative;
z-index:-1;
}

#media-bg-wrapper img{
opacity:0;
display:block;
}

#media-highlight-wrapper .card{
position:absolute;
top:0;
left:0;
width:100%;
height:auto;
display:none;
z-index:1;
}

#media-highlight-wrapper .card:first-child{
display:block;
}

#media-highlight-wrapper figure,
#media-highlight-wrapper picture,
#media-highlight-wrapper img{
display:block;
width:100%;
height:auto;
object-fit:cover;
}

/* Tab icon */
#media-highlight-wrapper .tab_icon{
float:left;
position:absolute;
left:.5rem;
right:.5rem;
z-index:25;
}

#media-highlight-wrapper .tab_icon ul{
display:flex;
justify-content:center;
align-items:center;
list-style-type:none;
margin:0;
padding:0;
}

#media-highlight-wrapper .tab_icon li{
display:flex;
align-items:center;
margin:0 .25em;
padding:0 .15em;
width:auto;
}

#media-highlight-wrapper .tab_icon li:before{
display:none
}

#media-highlight-wrapper .tab_icon a{
display:inline-block;
text-align:center;
}

#media-highlight-wrapper .tab_icon a span{
display:none;
}

#media-highlight-wrapper .tab_icon a,
#media-highlight-wrapper .tab_icon a.off{
color:#FFF;
font-weight:normal;
border:1px solid var(--base-border-color);
background:var(--nav-background-color);
width:.5rem;
height:.5rem;
border-radius:50%;
transition:opacity 250ms ease-in;
}

/* Desktop View */
@media screen and (min-width: 79.5rem){

#media-highlight-wrapper .tab_icon a:hover{
border:1px solid transparent;
background:var(--nav-on-background-color);
}

}

#media-highlight-wrapper .tab_icon a.on{
color:#FFF;
font-weight:normal;
border:1px solid transparent;
background:var(--nav-on-background-color);
width:.5rem;
height:.5rem;
}


/* Tab img */
#media-highlight-wrapper .tab_img_wrapper{
float:left;
position:absolute;
bottom:0em;
left:0;
right:0;
z-index:3;
padding:.5rem;
background:var(--light-background-color);
}

#media-highlight-wrapper .tab_img{
display:flex;
justify-content:space-between;
align-items:center;
width:100%;
height:100%;
margin:0;
padding:0;
}

#media-highlight-wrapper .button-scroll-pre,
#media-highlight-wrapper .button-scroll-next{
display:block;
width:4rem;
height:6rem;
border:0;
background:var(--middle-background-color);
}

#media-highlight-wrapper .content{
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:6rem;
background:var(--light-background-color);
overflow-y:hidden;
overflow-x:auto;
}

#media-highlight-wrapper .tab_img ul{
display:flex;
justify-content:flex-start;
align-items:center;
width:100%;
margin:0;
padding:0;
}

#media-highlight-wrapper .tab_img li{
display:flex;
align-items:center;
vertical-align:center;
margin:0 .25em;
padding:0 .25em;
width:auto;
}

#media-highlight-wrapper .tab_img li:before{
display:none
}

#media-highlight-wrapper .tab_img .icon{
overflow:hidden;
width:auto;
height:4rem;
display:flex;
align-items:center;
}

#media-highlight-wrapper .tab_img a{
display:inline-block;
text-align:center;
}

#media-highlight-wrapper .tab_img a span{
display:none;
}

#media-highlight-wrapper .tab_img a,
#media-highlight-wrapper .tab_img a.off{
border:1px solid var(--base-border-color);
background:transparent;
transition:opacity 250ms ease-in;
}

/* Desktop View */
@media screen and (min-width: 79.5rem){

#media-highlight-wrapper .tab_img a:hover{
border:1px solid var(--light-theme-color);
background:var(--light-theme-color);
}

}

#media-highlight-wrapper .tab_img a.on{
border:1px solid var(--light-theme-color);
background:var(--light-theme-color);
}

/* Galerie */
.foreground.detail .mediabox{
float:left;
width:100%;
}


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

.foreground.detail .mediabox figure{
float:left;
width:100%;
height:auto;
margin:0 0 .5rem 0;
}

}


/* Mobile View > Tablet */
@media screen and (min-width: 45rem){

/* Galerie */
.foreground.detail .mediabox{
display:flex;
flex-flow:row wrap;
align-items:baseline;
justify-content:space-between;
padding:0;
margin:0;
text-align:center;
}

}



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

.foreground.detail .mediabox figure{
display:inline-block;
width:33%;
height:auto;
margin:.5rem auto !important;
}

}

/* Mobile View -> Tablet && Portrait */
@media screen and (min-width: 45rem) and (max-width: 79.5rem) and (orientation: portrait){

.foreground.detail .mediabox figure{
display:inline-block;
width:49%;
height:auto;
margin:.5rem auto !important;
}

}


/* Desktop View */
@media screen and (min-width: 79.5rem){

.foreground.detail .mediabox figure{
display:inline-block;
width:33%;
height:auto;
margin:.5rem auto !important;
}

}


.foreground.detail .mediabox .legend{
margin:0;
padding:.25rem;
min-height:2rem;
}

.foreground.detail .mediabox .legend > *{
margin:0;
padding:0;
text-align:left;
}


.foreground.detail .mediabox picture,
.foreground.detail .mediabox img{
display:block;
width:100%;
height:100%;
}

.galerie-wrapper .button.icon{
float:right;
width:2.5rem;
height:2.5rem;
margin:0;
padding:0;
border-radius:50%;
background:var(--base-background-color);
border:var(--base-border-color) 1px solid;
}

.btn_galerie.icon{
margin:.15rem 0 0 0;
width:1.75rem;
height:1.75rem;
border:0;
}

.galerie-wrapper .button.icon{
display:flex;
justify-content:center;
align-items:center;
}

.btn_galerie.icon{
background:url('/asset/img/database/media/btn/icon/off.svg') no-repeat top left;
}

.btn_galerie.icon:hover{
background:url('/asset/img/database/media/btn/icon/hover.svg') no-repeat top left;
}

.btn_galerie.icon span,
.btn_galerie.icon strong{
display:none;
}