#banner {
    background-attachment: scroll, scroll, scroll, fixed;
    background-color: #645862;
    background-image: url("images/light-bl.svg"), url("images/light-br.svg"), url("images/overlay.png"), url("/images/aufmacher.jpg");
    background-position: bottom left, bottom right, top left, top center;
    background-repeat: no-repeat, no-repeat, repeat, no-repeat;
    background-size: 25em, 25em, auto, cover;
    color: #fff;
    cursor: default;
    padding: 6em 0;
    text-align: center;
}

#banner .inner header h2 {
    border-bottom: none;
    border-top: none;
    font-size: 1.5em;
    font-weight: 900;
    letter-spacing: 0.1em;
    margin: 0;
    padding-left: 0.05em;
    position: relative;
    text-transform: uppercase;
}

#cta {
    background-attachment: scroll, scroll, scroll, fixed;
    background-color: #645862;
    background-image: url("images/light-tl.svg"), url("images/light-tr.svg"), url("images/overlay.png"), url("/images/aufmacher.jpg");
    background-position: top left, top right, top left, bottom center;
    background-repeat: no-repeat, no-repeat, repeat, no-repeat;
    background-size: 25em, 25em, auto, cover;
    color: #fff;
    padding: 5em;
    text-align: center;
}

body.index #main {
    padding-top: 0em;
}

img.imageresponsive {
	width:100%;
	height:auto;
}

#owl-demo .item img{
				display: block;
				width: 100%;
				height: auto;
			}

@media screen and (max-width: 1024px) {
	#banner, #cta {
		background-image: url("/images/aufmacher.jpg");
		background-position: center;
		background-size:cover;
	}
	#banner .inner {
		background: rgba(52, 27, 43, 0.5);
		padding:2em 1em;
	}
}