.teaser { position: relative; margin-bottom: 0; }

.teaser--ref { text-align: center; }

.teaser--ref .teaser__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; padding: 2rem; margin: 0; background: rgba(110,110,110,.9); }
.teaser--ref .teaser__content { transition: opacity .6s; }
.teaser--ref:hover .teaser__content { opacity: 1; }

.teaser--ref .teaser__content { display: flex; flex-direction: column; justify-content: center;}

.teaser--hide-link .teaser__link { height: 0; margin: 0; padding: 0; overflow: hidden; }

.teaser__topline { font-size: 1.5rem; line-height: 1.2; font-weight: 300; color: #ffc107; text-transform: uppercase; margin-bottom: .4rem; }
.teaser__headline { color: #fff; font-size: 1.25rem; font-weight: 700; }

@media(min-width: 1200px) {
	.ref--fullwidth .col-xl-2 .teaser__topline { font-size: 1.3rem; }
	.ref--fullwidth .col-xl-2 .teaser__headline { font-size: 1.1rem; }
}
	
	

.prj .slide > div { background: #999 no-repeat center center; background-size: contain; }


/* SLICK */

.slick-list { height: 100%; background: transparent !important;}
.slick-track { height: 100%;}

.slick-nav-cstm { position: absolute; bottom: -3rem; left: 0; right: 0; top: auto; height: 0; overflow: visible; z-index: 150; }

.slick-prev, .slick-next { z-index: 2; width: 4rem; height: 4rem; border-radius: 50%; background: transparent no-repeat center center !important; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='16px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:1;stroke-linecap:round' points='3,1 9,8 3,15'/%3E%3C/svg%3E") !important; background-size: 1rem !important;  }
.slick-prev { left: 1rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='16px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:1;stroke-linecap:round' points='7,1 1,8 7,15'/%3E%3C/svg%3E") !important; }
.slick-next { right: 1rem; }
.slick-prev::before, .slick-next::before { display: none; }
.slick-disabled { opacity: 0; }



.slick-nav-cstm .slick-prev, .slick-nav-cstm .slick-next {  top: -2rem; }
.slick-nav-cstm .slick-prev { left: 0; }
.slick-nav-cstm .slick-next { right: 0; }

.slick-dotted.slick-slider { margin-bottom: 5rem; padding-bottom: 1px; }


.slick-dots { bottom: 1rem; }
.slick-dots li { width: auto; height: auto; margin: 0 2px; }
.slick-dots li button { width: 1.5rem; height: 3rem; overflow: hidden; }
.slick-dots li button::before { content: ''; font: inherit; position: absolute; width: 10px; height: 10px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: #FAE186; border-radius: 50%; opacity: 1; }
.slick-dots li.slick-active button::before { opacity: 1; background: #ffc107 !important; }

.bg-light .slick-dots li button::before { background: #FFF; }

@media(max-width: 575px){
	.slick-dots li { margin: 0 0; }
}



.slick-nav-cstm { display: flex; align-items: center; justify-content: center; }
.slick-nav-cstm .slick-prev, .slick-nav-cstm .slick-next, .slick-nav-cstm .slick-dots { position: relative !important; top: 0; transform: none !important; }
.slick-nav-cstm .slick-dots { display: inline !important; width: auto; bottom: 0; }
.slick-nav-cstm .slick-next { order: 3; }


/* SLIDER BIG */
/*
.l-slider--heros { height: 120vw !important; }
@media(min-width: 992px){
	.l-slider--heros { height: 50vw !important; }
}
*/

.l-slider--heros.slick-dotted { margin-bottom: 0; padding-bottom: 0; }
.l-slider--heros .slick-nav-cstm { bottom: 2rem; }
.l-slider--heros .slick-dots li button { width: 2.5rem; }
.l-slider--heros .slick-dots li button::before { width: 100%; height: 3px; border-radius: 0; opacity: .5; background: #ffc107; }
.l-slider--heros .slick-dots li.slick-active button::before { opacity: 1; background: #ffc107; }


.l-grid--news .slick-track {
    display: flex;
}

.l-grid--news .slick-track .slick-slide {
    display: flex;
    height: auto;
	float: none;
	max-width: auto !important;
	flex: unset !important;
}

.l-grid--news .slick-prev, .l-grid--news .slick-next { border-radius: 0; background-color: #ffc107 !important; width: 3rem; height: 3rem; }
.l-grid--news .slick-prev { left: 0; }
.l-grid--news .slick-next { right: 0; }

.l-grid--border { border: 1px solid #fff; }
.l-grid--border .l-grid__item + .l-grid__item { border-left: 1px solid #fff; }