.saleModalButton button{ position: fixed; right: -81px; top: calc(50% - 50px); z-index: 1040; display: block; xwidth: 200px; text-align: center; transform: rotate(-90deg); padding: 7px 11px; border-radius: 0; cursor: pointer; font-weight:bold; transition:1s; padding-bottom:34px; -webkit-box-shadow:0 3px 25px 0 rgba(0,0,0,0.3); -moz-box-shadow:0 3px 25px 0 rgba(0,0,0,0.3); box-shadow:0 3px 25px 0 rgba(0,0,0,0.3); -webkit-animation:btn_move 1s infinite alternate; -moz-animation:btn_move 1s infinite alternate; -ms-animation:btn_move 1s infinite alternate; -o-animation:btn_move 1s infinite alternate; animation:btn_move 1s infinite alternate } @-webkit-keyframes btn_move { from{ background-color:#bc0000; right: -91px; } to{ background-color:#e00; right: -80px; } } @-moz-keyframes btn_move { from{ background-color:#bc0000; right: -91px; } to{ background-color:#e00; right: -80px; } } @-ms-keyframes btn_move { from{ background-color:#bc0000; right: -91px; } to{ background-color:#e00; right: -80px; } } @-o-keyframes btn_move { from{ background-color:#bc0000; right: -91px; } to{ background-color:#e00; right: -80px; } } @keyframes btn_move { from{ background-color:#bc0000; right: -91px; } to{ background-color:#e00; right: -80px; } } .modalBanner .btn, .modalBannerStatic .btn, #modalBanner .btn, #modalBannerStatic .btn{ border-radius: 4px; background: var(--tpl-main-color); color: #fff; border: 1px solid var(--tpl-main-color); } .modalBannerStatic .btn, #modalBannerStatic .btn{ background: var(--tpl-main-color); color:#fff; } .saleModalButton button:hover{ -webkit-animation:0; -moz-animation:0; -ms-animation:0; -o-animation:0; animation:0; background-color:#e00; transition: 1s; xfont-size:30px; xpadding:16px 24px; padding-bottom:34px; right: -70px; } # #modalBannerStatic .modal-content img{ margin:0 -17px -115px -17px; } .modalBannerBuyButtonWrapper{ margin:0 20px 20px; } #modalBanner .modalBannerBuyButtonWrapper, #modalBannerStatic .modalBannerBuyButtonWrapper{ } .modalBannerBuyButtonWrapper a.btn{ text-align:center; width: 100%; font-size: 3rem !important; } #modalBannerStatic .modalBannerBuyButtonWrapper{ margin:10px 10px 10px; } #modalBannerStatic .modalBannerBuyButtonWrapper a.btn{ text-align:center; width: 100%; font-size: 2rem !important; } #modalBannerStatic .modal-content{ background:none; } @media screen and (max-width: 768px){ /** Größerer Viewport: Tablett **/ .modalBannerBuyButtonWrapper{ margin:50px 20px 40px; } .modalBannerBuyButtonWrapper a.btn{ text-align:center; width: 100%; font-size: 2rem !important; } #modalBannerStatic .modal-content img{ margin:0 -17px -60px -17px; } } .product-carousel.owl-carousel .owl-stage .owl-item img{ max-height:auto; }