.historie_container{position:relative;z-index:8}.historie_container .date{font-family:'"Droid Sans", sans-serif';font-weight:bold;z-index:9;position:absolute;color:#fff;font-size:64px;top:0;left:0;padding:1% 5%}.historie_container .bg-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,13,26,0.8);opacity:0;transition:opacity .3s ease}.historie_container .bg-container .historie-text{font-family:"Droid Sans", sans-serif;line-height:140%;font-size:18px;position:absolute;bottom:0;padding:8%;font-weight:normal;color:#fff;opacity:0;transition:opacity .3s ease}.historie_container.half{width:calc(100%/2)}.historie_container.half .date{font-size:60px}.historie_container.third{width:calc(100%/3)}.historie_container.third .date{font-size:56px}.historie_container.fourth{width:calc(100%/4)}.historie_container.fourth .date{font-size:48px}.historie_container.fourth .bg-container .historie-text{font-size:16px}.historie_container:hover .bg-container{opacity:1}.historie_container:hover .bg-container .historie-text{transition-delay:.2s;opacity:1}@media screen and (max-width: 1174px){.historie_container.fourth{width:50%}}@media screen and (max-width: 1024px){.historie_container.third .bg-container .historie-text{margin-bottom:0}}@media screen and (max-width: 949px){.historie_container.third{width:50%}#finger .historie_container::before{content:url(//valleyer.de/wp-content/uploads/2017/08/touch_icon_small.png);position:absolute;right:20px;top:10%;z-index:10;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation:updown 1.75s ease infinite;animation:updown 1.75s ease infinite}#finger:hover .historie_container::before{content:none}@-webkit-keyframes updown{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes updown{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}}}@media screen and (max-width: 768px){.historie_container .bg-container .historie-text{padding:0 8%}}@media screen and (max-width: 688px){.historie_container.half,.historie_container.third,.historie_container.fourth{width:100%}.historie_container.half img,.historie_container.third img,.historie_container.fourth img{width:100%}.historie_container.half .bg-container .historie-text,.historie_container.third .bg-container .historie-text,.historie_container.fourth .bg-container .historie-text{font-size:18px}.historie_container .bg-container .historie-text{padding:8%}}@media screen and (max-width: 468px){.historie_container.half,.historie_container.third,.historie_container.fourth{width:100%}.historie_container.half .bg-container .historie-text,.historie_container.third .bg-container .historie-text,.historie_container.fourth .bg-container .historie-text{font-size:16px}.historie_container .bg-container .historie-text{padding:5%}}