.carousel{height:533px;width:300px;overflow:hidden;text-align:center;position:relative;padding:0;list-style:none}.carousel__controls,.carousel__activator{display:none}.carousel__activator:nth-of-type(1):checked~.carousel__track{-webkit-transform:translateX(0%);transform:translateX(0%)}.carousel__activator:nth-of-type(1):checked~.carousel__slide:nth-of-type(1){-webkit-animation:carousel-show-slide 0.5s;animation:carousel-show-slide 0.5s;top:0;left:0;right:0}.carousel__activator:nth-of-type(1):checked~.carousel__controls:nth-of-type(1){display:block}.carousel__activator:nth-of-type(1):checked~.carousel__indicators .carousel__indicator:nth-of-type(1){opacity:1}.carousel__activator:nth-of-type(2):checked~.carousel__track{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel__activator:nth-of-type(2):checked~.carousel__slide:nth-of-type(2){-webkit-animation:carousel-show-slide 0.5s;animation:carousel-show-slide 0.5s;top:0;left:0;right:0}.carousel__activator:nth-of-type(2):checked~.carousel__controls:nth-of-type(2){display:block}.carousel__activator:nth-of-type(2):checked~.carousel__indicators .carousel__indicator:nth-of-type(2){opacity:1}.carousel__activator:nth-of-type(3):checked~.carousel__track{-webkit-transform:translateX(-200%);transform:translateX(-200%)}.carousel__activator:nth-of-type(3):checked~.carousel__slide:nth-of-type(3){-webkit-animation:carousel-show-slide 0.5s;animation:carousel-show-slide 0.5s;top:0;left:0;right:0}.carousel__activator:nth-of-type(3):checked~.carousel__controls:nth-of-type(3){display:block}.carousel__activator:nth-of-type(3):checked~.carousel__indicators .carousel__indicator:nth-of-type(3){opacity:1}.carousel__activator:nth-of-type(4):checked~.carousel__track{-webkit-transform:translateX(-300%);transform:translateX(-300%)}.carousel__activator:nth-of-type(4):checked~.carousel__slide:nth-of-type(4){-webkit-animation:carousel-show-slide 0.5s;animation:carousel-show-slide 0.5s;top:0;left:0;right:0}.carousel__activator:nth-of-type(4):checked~.carousel__controls:nth-of-type(4){display:block}.carousel__activator:nth-of-type(4):checked~.carousel__indicators .carousel__indicator:nth-of-type(4){opacity:1}.carousel__activator:nth-of-type(5):checked~.carousel__track{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.carousel__activator:nth-of-type(5):checked~.carousel__slide:nth-of-type(5){-webkit-animation:carousel-show-slide 0.5s;animation:carousel-show-slide 0.5s;top:0;left:0;right:0}.carousel__activator:nth-of-type(5):checked~.carousel__controls:nth-of-type(5){display:block}.carousel__activator:nth-of-type(5):checked~.carousel__indicators .carousel__indicator:nth-of-type(5){opacity:1}.carousel__control{height:30px;width:30px;margin-top:-15px;top:50%;position:absolute;display:block;cursor:pointer;border-width:5px 5px 0 0;border-style:solid;border-color:#fafafa;opacity:.35;outline:0;z-index:3}.carousel__control:hover{opacity:1}.carousel__control--backward{left:10px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.carousel__control--forward{right:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.carousel__indicators{position:absolute;bottom:20px;width:100%;text-align:center}.carousel__indicator{height:15px;width:15px;border-radius:100%;display:inline-block;z-index:2;cursor:pointer;opacity:.35;margin:0 2.5px 0 2.5px}.carousel__indicator:hover{opacity:.75}.carousel__track{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;margin:0;-webkit-transition:-webkit-transform 0.5s ease 0s;transition:-webkit-transform 0.5s ease 0s;transition:transform 0.5s ease 0s;transition:transform 0.5s ease 0s,-webkit-transform 0.5s ease 0s}.carousel__track .carousel__slide{display:block;top:0;left:0;right:0}.carousel__track .carousel__slide:nth-of-type(1){-webkit-transform:translateX(0%);transform:translateX(0%)}.carousel__track .carousel__slide:nth-of-type(2){-webkit-transform:translateX(100%);transform:translateX(100%)}.carousel__track .carousel__slide:nth-of-type(3){-webkit-transform:translateX(200%);transform:translateX(200%)}.carousel__track .carousel__slide:nth-of-type(4){-webkit-transform:translateX(300%);transform:translateX(300%)}.carousel__track .carousel__slide:nth-of-type(5){-webkit-transform:translateX(400%);transform:translateX(400%)}.carousel__slide{height:100%;position:absolute;overflow-y:auto}*{box-sizing:border-box}.carousel-container{display:inline-block}.carousel__slide{overflow:hidden}.carousel__indicator{background-color:#000}.carousel__slide:nth-of-type(1),.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1){background-image:url(screenshot_01.png);background-size:cover;background-position:center}.carousel__slide:nth-of-type(2),.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2){background-image:url(screenshot_02.png);background-size:cover;background-position:center}.carousel__slide:nth-of-type(3),.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(3){background-image:url(screenshot_03.png);background-size:cover;background-position:center}.carousel__slide:nth-of-type(4),.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(4){background-image:url(screenshot_04.png);background-size:cover;background-position:center}.carousel__slide:nth-of-type(5),.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(5){background-image:url(screenshot_05.png);background-size:cover;background-position:center}.carousel--thumb .carousel__indicators .carousel__indicator{height:30px;width:30px}@media (max-width:400px){.carousel{max-width:300px}}@-webkit-keyframes carousel-show-slide{from{opacity:0}to{opacity:1}}@keyframes carousel-show-slide{from{opacity:0}to{opacity:1}}body{background-color:#333;font-family:Helvetica}#content{position:relative;max-width:960px;margin:auto;background-color:#FEFEFE;overflow:hidden}#description{padding:10px;margin:10px;text-align:justify}.headline{background-color:#FFAA2F;-webkit-box-shadow:1px 2px 5px 0 rgba(0,0,0,.75);-moz-box-shadow:1px 2px 5px 0 rgba(0,0,0,.75);box-shadow:1px 2px 5px 0 rgba(0,0,0,.75)}#appicon{border-radius:5px;margin-left:10px;margin-right:10px;margin-top:5px;margin-bottom:5px;vertical-align:middle;width:40px;height:40px;border:1px solid black}.my-carousel{border-radius:5px;border:2px solid black;margin:10px}.privacy{font-size:small;text-align:justify}.privacy h4{margin-bottom:5px}#footer,#faq,#contactform,#imprint,.privacy{padding:10px}h1{font-size:1.2em}h2{margin:10px}hr{height:1px;border:1px solid black;margin-bottom:0}#badge{width:135px;height:40px}a{color:#000}@media only screen and (min-width:48em){h1{font-size:1.5em}#appicon{width:50px;height:50px}}@media only screen and (min-width:64em){h1{font-size:2em}}