/*
by
der-BERGMANN
Internet-und Werbeagentur
77815 Bühl

Version: 0.5.0
Stand: 15.09.2016
*/

html,body {
	margin:0;
	padding:0;
	height: 100%;
	width: 100%;
}

.header {
    display: block !important;
    height: 100%;
    width: 100%;
}

.carousel, .carousel-inner .item, .carousel-inner .active {
    height: 100%;
    width: 100%;
}
.carousel .item {
	height: 100%;
}
.carousel-inner {
	height: 100%;
	position: absolute !important;
	width: 100%;
}


/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* DCE Slider */
.slider-outer {
    background-color: #eee;
    display: table;
    height: calc(100% - 70px);
    margin-bottom: 50px;
    overflow: hidden;
    width: 100%;
}

.slider-outer IMG {
    height: 100%;
    margin-top: -70px;
    min-width: 100%;
    vertical-align: middle;
    width: auto;
}

.carousel-content-header{
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 20%;
}

.carousel-header > h2 {
    color: #fff;
    font-size: 380%;
}
.carousel-header > p {
    color: #fff;
    font-size: 155%;
}

.clearline {
    background-color: #fff;
    height: 1px;
    margin: 25px auto auto;
    width: 20%;
}

.carousel-content-footer{
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 20%;
}

.ctaBox-outer.slide > a {
    border: 3px solid #fff;
    color: #fff;
    padding: 10px;
    text-decoration: none;
}

.ctaBox-outer.slide {
    margin: auto;
}


/* Einstellungen für Bildschirmbreite < 991px (z.B. Smartphones, Tablets) */
@media (max-width: 991px) {
	
	.carousel-inner > .item {
		padding-left: 0;
		padding-right: 0;
	}
	
}


/* Einstellungen für Bildschirmbreite - 768px (z.B. Smartphone) */
@media (max-width: 768px) {
	
.carousel-header > h2 {
    color: #fff;
    font-size: 280%;
}
.carousel-header > p {
    color: #fff;
    font-size: 135%;
}

}