.css-bild-via-contao{width:100%;height:auto;border:4px solid #f081b9;box-sizing:border-box;padding:20px;overflow:hidden}.css-bild-via-contao img{outline:4px solid #fff;outline-offset:-30px}.container-beispiel-3{max-width:50%;height:auto;overflow:hidden;outline:2px solid #fff;outline-offset:-20px}img.zoom{transition:transform 0.8s;-moz-transition:transform 0.8s;-webkit-transition:transform 0.8s;-o-transition:transform 0.8s;-ms-transition:transform 0.8s}img.zoom:hover{cursor:zoom-in;cursor:-moz-zoom-in;cursor:-webkit-zoom-in;cursor:pointer;transform:scale(2, 2);-moz-transform:scale(2, 2);-webkit-transform:scale(2, 2);-o-transform:scale(2, 2);-ms-transform:scale(2, 2)}.sliderElements,.sliderElements figure,.sliderControls{margin:0}.sliderElements:after{content:".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0;overflow:hidden}.cssSlider{overflow-x:hidden}.sliderElements{list-style:none;position:relative;left:0;width:400%;margin-bottom:0.8em;padding:0;-webkit-transition:left 0.8s ease-in-out;-moz-transition:left 0.8s ease-in-out;-o-transition:left 0.8s ease-in-out;transition:left 0.8s ease-in-out}.sliderElements>li{float:left;width:25%;position:relative}#slide02:checked~.sliderElements{left:-100%}#slide03:checked~.sliderElements{left:-200%}#slide04:checked~.sliderElements{left:-300%}.sliderElements figcaption{display:block;color:#fff;position:absolute;left:0;bottom:1em;padding:0.4em;background:rgba(0, 0, 0, 0.5)}.sliderElements img{width:100%;height:auto}.cssSlider input{position:absolute;left:-99999px}.sliderControls{text-align:center}.sliderControls li{display:inline-block}.sliderControls label{width:1.5rem;height:1.5rem;font-size:0.5rem;line-height:0.5rem;text-align:center;border-radius:50%;display:block;cursor:pointer;background:#6CE7FD;color:#6CE7FD;margin:0 1.5rem 0 1.5rem}.sliderControls label:hover,#slide01:checked~.sliderControls label[for="slide01"],#slide02:checked~.sliderControls label[for="slide02"],#slide03:checked~.sliderControls label[for="slide03"],#slide04:checked~.sliderControls label[for="slide04"]{background:#ddd;color:#ddd}.fadein-container{width:100%;height:410px;display:block;position:relative;margin-top:0rem}.fadein-container-online{width:80%;margin:0 auto 0 auto;height:800px;display:block;position:relative;margin-top:0rem}.fadein-container-content{width:90%;margin:0 auto 0 auto;height:680px;display:block;position:relative;margin-top:0rem}#stapel{position:absolute;width:100%;height:auto;background-color:bisque}#stapel img{position:absolute;height:auto;width:100%;opacity:0;animation-duration:30s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}#stapel img:nth-of-type(1){animation-name:fade1}#stapel img:nth-of-type(2){animation-name:fade2}#stapel img:nth-of-type(3){animation-name:fade3}#stapel img:nth-of-type(4){animation-name:fade4}#stapel img:nth-of-type(5){animation-name:fade5}@keyframes fade1{0%{opacity:1}10%{opacity:1}20%{opacity:0}30%{opacity:0}40%{opacity:0}50%{opacity:0}60%{opacity:0}70%{opacity:0}80%{opacity:0}90%{opacity:0}100%{opacity:1}}@keyframes fade2{0%{opacity:0}10%{opacity:0}20%{opacity:1}30%{opacity:1}40%{opacity:0}50%{opacity:0}60%{opacity:0}70%{opacity:0}80%{opacity:0}90%{opacity:0}100%{opacity:0}}@keyframes fade3{0%{opacity:0}10%{opacity:0}20%{opacity:0}30%{opacity:0}40%{opacity:1}50%{opacity:1}60%{opacity:0}70%{opacity:0}80%{opacity:0}90%{opacity:0}100%{opacity:0}}@keyframes fade4{0%{opacity:0}10%{opacity:0}20%{opacity:0}30%{opacity:0}40%{opacity:0}50%{opacity:0}60%{opacity:1}70%{opacity:1}80%{opacity:0}90%{opacity:0}100%{opacity:0}}@keyframes fade5{0%{opacity:0}10%{opacity:0}20%{opacity:0}30%{opacity:0}40%{opacity:0}50%{opacity:0}60%{opacity:0}70%{opacity:0}80%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes fade1{0%,10%,100%{opacity:1}20%,90%{opacity:0}}@keyframes fade2{0%,10%,40%,100%{opacity:0}20%,30%{opacity:1}}@keyframes fade3{0%,30%,60%,100%{opacity:0}40%,50%{opacity:1}}@keyframes fade4{0%,50%,80%,100%{opacity:0}60%,70%{opacity:1}}@keyframes fade5{0%,70%,100%{opacity:0}80%,90%{opacity:1}}@media screen and (max-width:1024px){.sliderElements figcaption{display:block;color:#fff;position:inherit;left:0;bottom:0;padding:0.4em;background:rgba(0, 0, 0, 0.8)}}@media only screen and (max-width:480px) and (orientation:landscape){}@media only screen and (max-width:414px) and (orientation:portrait){}@media only screen and (max-width:375px) and (orientation:portrait){}