NEWSLETTER
Wir versorgen dich mit tollen Rabatten & Sale-Aktionen dazu informieren wir dich über die neuesten Produkte in unserem Shop.
modified eCommerce Shopsoftware © 2009-2023
.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;
}