.cb-slideshow,.cb-slideshow:after {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 0;}
.cb-slideshow:after {content: '';background: transparent url(../fotos-teakholzboden/pattern.png) repeat top left;}
.cb-slideshow li span {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;color: transparent;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;opacity: 0;z-index: 0;-webkit-backface-visibility: hidden;-webkit-animation: imageAnimation 54s linear infinite 0s;-moz-animation: imageAnimation 54s linear infinite 0s;-o-animation: imageAnimation 54s linear infinite 0s;-ms-animation: imageAnimation 54s linear infinite 0s;animation: imageAnimation 54s linear infinite 0s;}
.cb-slideshow li div {z-index: 1000;position: absolute;bottom: 30px;left: 0px;width: 100%;text-align: center;opacity: 0;-webkit-animation: titleAnimation 54s linear infinite 0s;-moz-animation: titleAnimation 54s linear infinite 0s;-o-animation: titleAnimation 54s linear infinite 0s;-ms-animation: titleAnimation 54s linear infinite 0s;animation: titleAnimation 54s linear infinite 0s;}
.cb-slideshow li div h3 {font-family: DSHolzschrift, Verdana, Arial, sans-serif;font-size: 4.0em;text-transform:uppercase;padding: 0;line-height: 200px;color: white;}
.cb-slideshow li:nth-child(1) span { background-image: url(../fotos-teakholzboden/teakholz-badezimmer.jpg) }
.cb-slideshow li:nth-child(2) span {background-image: url(../fotos-teakholzboden/teak-holzboden.jpg);-webkit-animation-delay: 6s;-moz-animation-delay: 6s;-o-animation-delay: 6s;-ms-animation-delay: 6s;animation-delay: 6s;}
.cb-slideshow li:nth-child(3) span {background-image: url(../fotos-teakholzboden/holzboden-schwarz-verfugt.jpg);-webkit-animation-delay: 12s;-moz-animation-delay: 12s;-o-animation-delay: 12s;-ms-animation-delay: 12s;animation-delay: 12s;}
.cb-slideshow li:nth-child(4) span {background-image: url(../fotos-teakholzboden/premium-plantagen-teakholz.jpg);-webkit-animation-delay: 18s;-moz-animation-delay: 18s;-o-animation-delay: 18s;-ms-animation-delay: 18s;animation-delay: 18s;}
.cb-slideshow li:nth-child(5) span {background-image: url(../fotos-teakholzboden/plantagen-teakholz.jpg);-webkit-animation-delay: 24s;-moz-animation-delay: 24s;-o-animation-delay: 24s;-ms-animation-delay: 24s;animation-delay: 24s;}
.cb-slideshow li:nth-child(6) span {background-image: url(../fotos-teakholzboden/lamadera-teak.jpg);-webkit-animation-delay: 30s;-moz-animation-delay: 30s;-o-animation-delay: 30s;-ms-animation-delay: 30s;animation-delay: 30s;}
.cb-slideshow li:nth-child(7) span {background-image: url(../fotos-teakholzboden/schiffsdeckboden.jpg);-webkit-animation-delay: 36s;-moz-animation-delay: 36s;-o-animation-delay: 36s;-ms-animation-delay: 36s;animation-delay: 36s;}
.cb-slideshow li:nth-child(8) span {background-image: url(../fotos-teakholzboden/holzboden-wannenverkleidung.jpg);-webkit-animation-delay: 42s;-moz-animation-delay: 42s;-o-animation-delay: 42s;-ms-animation-delay: 42s;animation-delay: 42s;}
.cb-slideshow li:nth-child(9) span {background-image: url(../fotos-teakholzboden/teakholzbad.jpg);-webkit-animation-delay: 48s;-moz-animation-delay: 48s;-o-animation-delay: 48s;-ms-animation-delay: 48s;animation-delay: 48s;}
.cb-slideshow li:nth-child(2) div {-webkit-animation-delay: 6s;-moz-animation-delay: 6s;-o-animation-delay: 6s;-ms-animation-delay: 6s;animation-delay: 6s;}
.cb-slideshow li:nth-child(3) div {-webkit-animation-delay: 12s;-moz-animation-delay: 12s;-o-animation-delay: 12s;-ms-animation-delay: 12s;animation-delay: 12s;}
.cb-slideshow li:nth-child(4) div {-webkit-animation-delay: 18s;-moz-animation-delay: 18s;-o-animation-delay: 18s;-ms-animation-delay: 18s;animation-delay: 18s;}
.cb-slideshow li:nth-child(5) div {-webkit-animation-delay: 24s;-moz-animation-delay: 24s;-o-animation-delay: 24s;-ms-animation-delay: 24s;animation-delay: 24s;}
.cb-slideshow li:nth-child(6) div {-webkit-animation-delay: 30s;-moz-animation-delay: 30s;-o-animation-delay: 30s;-ms-animation-delay: 30s;animation-delay: 30s;}
.cb-slideshow li:nth-child(7) div {-webkit-animation-delay: 36s;-moz-animation-delay: 36s;-o-animation-delay: 36s;-ms-animation-delay: 36s;animation-delay: 36s;}
.cb-slideshow li:nth-child(8) div {-webkit-animation-delay: 42s;-moz-animation-delay: 42s;-o-animation-delay: 42s;-ms-animation-delay: 42s;animation-delay: 42s;}
.cb-slideshow li:nth-child(9) div {-webkit-animation-delay: 48s;-moz-animation-delay: 48s;-o-animation-delay: 48s;-ms-animation-delay: 48s;animation-delay: 48s;}
/* Animation for the slideshow fotos-teakholzboden */
@-webkit-keyframes imageAnimation {0% {opacity: 0;-webkit-animation-timing-function: ease-in;}
8% {opacity: 1;-webkit-transform: scale(1.05);-webkit-animation-timing-function: ease-out;}
17% {opacity: 1;-webkit-transform: scale(1.1);}
25% {opacity: 0;-webkit-transform: scale(1.1);}
100% { opacity: 0 }}
@-moz-keyframes imageAnimation { 
0% {opacity: 0;-moz-animation-timing-function: ease-in;}
8% {opacity: 1;-moz-transform: scale(1.05);-moz-animation-timing-function: ease-out;}
17% {opacity: 1;-moz-transform: scale(1.1);}
25% {opacity: 0;-moz-transform: scale(1.1);}
100% { opacity: 0 }}
@-o-keyframes imageAnimation { 
0% {opacity: 0;-o-animation-timing-function: ease-in;}
8% {opacity: 1;-o-transform: scale(1.05);-o-animation-timing-function: ease-out;}
17% {opacity: 1;-o-transform: scale(1.1);}
25% {opacity: 0;-o-transform: scale(1.1);}
100% { opacity: 0 }}
@-ms-keyframes imageAnimation { 
0% {opacity: 0;-ms-animation-timing-function: ease-in;}
8% {opacity: 1;-ms-transform: scale(1.05);-ms-animation-timing-function: ease-out;}
17% {opacity: 1;-ms-transform: scale(1.1);}
25% {opacity: 0;-ms-transform: scale(1.1);}
100% { opacity: 0 }}
@keyframes imageAnimation { 
0% {opacity: 0;animation-timing-function: ease-in;}
8% {opacity: 1;transform: scale(1.05);animation-timing-function: ease-out;}
17% {opacity: 1;transform: scale(1.1);}
25% {opacity: 0;transform: scale(1.1);}
100% { opacity: 0 }}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
0% {opacity: 0;-webkit-transform: translateY(100px);}
8% {opacity: 1;-webkit-transform: translateY(0px);}
17% {opacity: 1;-webkit-transform: scale(1);}
19% { opacity: 0 }
25% {opacity: 0;-webkit-transform: scale(5);}
100% { opacity: 0 }}
@-moz-keyframes titleAnimation { 
0% {opacity: 0;-moz-transform: translateY(100px);}
8% {opacity: 1;-moz-transform: translateY(0px);
}
17% {opacity: 1;-moz-transform: scale(1);
}
19% { opacity: 0 }
25% {opacity: 0;-moz-transform: scale(5);}
100% { opacity: 0 }}
@-o-keyframes titleAnimation { 0% {opacity: 0;-o-transform: translateY(100px);}
8% {opacity: 1;-o-transform: translateY(0px);}
17% {opacity: 1;-o-transform: scale(1);}
19% { opacity: 0 }
25% {opacity: 0;-o-transform: scale(5);}
100% { opacity: 0 }}
@-ms-keyframes titleAnimation {0% {opacity: 0;-ms-transform: translateY(100px);
}
8% {opacity: 1;-ms-transform: translateY(0px);}
17% {opacity: 1;-ms-transform: scale(1);}
19% { opacity: 0 }
25% {opacity: 0;-webkit-transform: scale(5);}
100% { opacity: 0 }}
@keyframes titleAnimation {0% {opacity: 0;transform: translateY(100px);}
8% {opacity: 1;transform: translateY(0px);}
17% {opacity: 1;transform: scale(1);}
19% { opacity: 0 }
25% {opacity: 0;transform: scale(5);}
100% { opacity: 0 }}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{opacity: 1;}
@media screen and (max-width: 1140px) {.cb-slideshow li div h3 { font-size: 5.0em }}
@media screen and (max-width: 600px) {.cb-slideshow li div h3 { font-size: 2.5em }