/**
	teaser slider Modul
*/

.TeaserSlider {
    margin-top: 20px;
    background: #f5f5f5;
    border-top: 1px solid #7fa4c7;
    border-bottom: 1px solid #7fa4c7;
}
.TeaserSlider .uk-container {
	position: relative;
}

/**
    slider navigation
*/
.TeaserSlider .uk-slidenav-position .uk-slidenav {
	display: block;
	height: 30px;
	width: 30px;
	color: #034991;
	line-height: 28px;
	margin-top: -15px;
}

.TeaserSlider .uk-slidenav-position .uk-slidenav:hover {
	color:#fff;
}

.TeaserSlider  .uk-dotnav {
    justify-content: center;
    box-sizing: border-box;
    max-width: 66.666%;
    left: 33.333%;
    padding-left: 20px;
    margin: 0;
	bottom:20px;
}

.TeaserSlider  .uk-dotnav > * {
    line-height: 6px;
    margin: 0 0 20px;
}

.TeaserSlider  .uk-dotnav > * > * {
    background: #fff;
    width: 6px;
    height: 6px;
    margin: 0 0 20px;
}

.TeaserSlider  .uk-dotnav > *.uk-active > * {
    background: #034991;
}

.TeaserSlider .uk-slidenav-previous {
   left: 33.333%;
   margin-left: 40px;
}
.uk-slidenav-position li.uk-active:after {
	content:"";
}
.uk-slidenav-previous::before {
	position: relative;
	left: -2px;
}

/**
	responsive styles 
*/
@media (max-width: 767px) {
	
	.TeaserSlider {
		background: transparent;
	}
	
	.TeaserSlider .uk-container {
		padding: 0 0 0;
	}
	
	.TeaserSlider .uk-slidenav-position .uk-slidenav {
		display: none !important;
	}
	
	.TeaserSlider .uk-dotnav {
		max-width: 100%;
		left: 0;
		padding-left: 0;
		bottom: auto;
	}
}