.cell_header_slideshow_wrapper { position: relative; width: 100%; max-height: 314px; } .cell_header_slideshow_wrapper:before { content: ""; display: block; padding-top: 30%; } .cell_header_slideshow, .cell_header_slideshow2 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center center; transition: 3s; } .cell_header_slideshow2 { display: none; } .cell_header_slideshow_debug { position: absolute; top: 0px; left: 0px; color: white; } .cell_header_slideshow_button { position: absolute; top: 0px; right: 0px; width: 241px; height: 220px; background-image: URL('/src/button_staenderaetin_cut.png'); background-size: contain; background-position: top right; background-repeat: no-repeat; } @media screen and (max-width: 800px) { .cell_header_slideshow_button { width: 180px; height: 180px; } } @media screen and (max-width: 600px) { .cell_header_slideshow_button { width: 140px; height: 140px; } } @media screen and (max-width: 400px) { .cell_header_slideshow_button { width: 100px; height: 100px; } } .cell_header_horizontalline { position: relative; font-size: 0px; height: 4px; max-height: 4px; background-color: white; }