div.slide.frame.sponsoren {
	padding: 25px 0 25px 0;
	max-width: 1280px;
	margin: auto
}

#header .slider .slick-slide div.img{
	display:block;
	width:100%;
	height:100%;
	overflow: hidden;
	position:absolute;
	z-index:100;
	
    -moz-transition: all 4s;
    -webkit-transition: all 4s;
    transition: all 4s;
	
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2); 
	
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-position:center bottom;

	}
/*
#header .slider .slick-slide.slick-active div.img:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 600;
	top: 0;
	opacity: 0.4;
	background-image: url("../images/background-pattern.svg");
	background-repeat: no-repeat;
}
*/

#header .slider .slick-slide.slick-active div.img{
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);   
}
	
#header .slider  div.img *,
#header .slider  div.img video {
	height: auto;
    width: 100%;
    position: absolute;
	}

#header .slider li img {
	display: block;
	width: 100%;
	height: auto
}
	
@media only screen 
  and (min-width: 1720px) 
  and (max-width: 3940px){ 
  
#header .slider  div.img *,
#header .slider  div.img video {
	width:100%;
	height: auto;
	}
  }

#header .banner div.slide:after{
	content: "";
	display: block;
	position: absolute;
	z-index: 500;
	height: 170px;
	width: 100%;
	bottom: 0;
}

#header .banner div.slide-content {
    position: absolute;
    z-index: 600;
    height: auto;
    bottom: 30px;
}

#header .banner div.slide-content > span{
    padding: 120px 20px 70px 20px;
    display: block;
    margin: auto;
    max-width: 1200px;
}


.slick-next,
.slick-prev  {
 transform: scale(0.5);
	}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-slider {
    position: relative;
    display: block;
	padding: 0;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
	margin: auto
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    width: 60px;
    height: 100px;
    cursor: pointer;
    background: transparent;
    top: 50%;
    margin-top: -45px;
    font-size: 0;
    border: none;
    z-index: 2
}

.slick-prev:before,
.slick-next:before,
.slick-prev:after,
.slick-next:after {
    content: '';
    position: absolute;
    background: #fff;
    height: 2px;
    width: 50px;
    top: 50%;
    left: 5px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.slick-prev:before,
.slick-next:before {
    margin-top: -22px
}

.slick-prev:after,
.slick-next:after {
    margin-top: 22px
}

.slick-prev:hover:before,
.slick-next:hover:before {
    margin-top: -18px
}

.slick-prev:hover:after,
.slick-next:hover:after {
    margin-top: 18px
}

.slick-prev {
    left: -7px
}

.slick-prev:before {
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.slick-prev:after {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.slick-prev:hover:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.slick-prev:hover:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.slick-next {
    right: -7px;
    right: -.7rem
}

.slick-next:before {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.slick-next:after {
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.slick-next:hover:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.slick-next:hover:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ct-slick-arrows--type2 .slick-prev,
.ct-slick-arrows--type2 .slick-next {
    opacity: .85;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=85);
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.ct-slick-arrows--type2 .slick-prev:before,
.ct-slick-arrows--type2 .slick-next:before,
.ct-slick-arrows--type2 .slick-prev:after,
.ct-slick-arrows--type2 .slick-next:after {
    background-color: #fff;
    height: 15px;
    height: 1.5rem;
    width: 70px;
    width: 7rem
}

.ct-slick-arrows--type2 .slick-prev:before,
.ct-slick-arrows--type2 .slick-next:before {
    margin-top: -20px;
    margin-top: -2rem
}

.ct-slick-arrows--type2 .slick-prev:after,
.ct-slick-arrows--type2 .slick-next:after {
    margin-top: 20px;
    margin-top: 2rem
}

.ct-slick-arrows--type2 .slick-prev:hover:before,
.ct-slick-arrows--type2 .slick-next:hover:before {
    margin-top: -20px;
    margin-top: -2rem
}

.ct-slick-arrows--type2 .slick-prev:hover:after,
.ct-slick-arrows--type2 .slick-next:hover:after {
    margin-top: 20px;
    margin-top: 2rem
}

.ct-slick-arrows--type2 .slick-prev:hover:active,
.ct-slick-arrows--type2 .slick-next:hover:active {
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100)
}

.ct-slick-arrows--type2 .slick-prev {
    left: 10px;
    left: 1rem
}

.ct-slick-arrows--type2 .slick-prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ct-slick-arrows--type2 .slick-prev:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ct-slick-arrows--type2 .slick-prev:hover:before {
    margin-top: -27px;
    margin-top: -2.7rem;
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.ct-slick-arrows--type2 .slick-prev:hover:after {
    margin-top: 27px;
    margin-top: 2.7rem;
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.ct-slick-arrows--type2 .slick-next {
    right: 10px;
    right: 1rem
}

.ct-slick-arrows--type2 .slick-next:before,
.ct-slick-arrows--type2 .slick-next:after {
    left: auto;
    right: 0
}

.ct-slick-arrows--type2 .slick-next:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ct-slick-arrows--type2 .slick-next:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ct-slick-arrows--type2 .slick-next:hover:before {
    margin-top: -27px;
    margin-top: -2.7rem;
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.ct-slick-arrows--type2 .slick-next:hover:after {
    margin-top: 27px;
    margin-top: 2.7rem;
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

#home.ct-header.ct-header--slider {
    background-size: cover
}

.ct-header .ct-slick {
    margin-bottom: 0
}

.slick-initialized .slick-slide {
    display: block
}

.ct-u-display-tablex {
    display: table;
    width: 100%;
    height: 600px
}

.ct-u-display-tablex > .inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

.ct-header h1.big {
    font-size: 6.7rem;
    line-height: 1;
    color: #fff;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    padding-top: 50px
}

.ct-header p {
    font-size: 2.3rem;
    line-height: 1.1;
    margin: 30px 0 40px;
    color: #fff
}


.ct-slick .slick-track,
.ct-slick .slick-list,
.ct-slick .item,
.ct-slick .slick-item {
    min-height: inherit
}

.ct-slick .item {
    background-size: cover
}

/** Text Animation **/

@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(300px);
    transform: translateY(1300px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}

.slick-active .slide-content {
  animation-name: fadeInUpSD;
  animation-duration: 1s;
  opacity: 1;
  width: 100%;
  padding: 10px 20px 30px 0;
}

/* Text Animation End **/