iBet uBet web content aggregator. Adding the entire web to your favor.
iBet uBet web content aggregator. Adding the entire web to your favor.



Link to original content: https://cdn23.a1.net/documents/40023/43723/teaser-promotion.css
:root{--a1-primary:#da291c;--a1-secondary:#6295ac;--a1-disruptor:#3b758e;--a1-white:#fff;--a1-black:#000;--a1-bg-highlight-1:#f8f8f8;--a1-bg-highlight-1-hover:#f2f2f2;--a1-bg-highlight-secondary:rgba(98, 149, 172, 0.1);--a1-color-border-1:#e5e5e5;--a1-color-border-light:#efefef;--a1-heavy-grey:#e2e2e2;--a1-dark-grey:#4f4f4f;--a1-middledark-grey:#808080;--a1-darker-grey:#999;--a1-footer:#181818;--a1-footer-border:#383838;--a1-color-button-disabled:#999999;--a1-color-slider-scroller:#f2f2f2;--a1-message-warning:#ec948c;--a1-message-warning-hover:#fd918a;--a1-message-service-status:#3b758e;--a1-message-service-status-hover:#4b829a;--a1-message-highlighted:#e0eaee;--a1-message-highlighted-hover:#e7eff3;--a1-bg-shape-highlight-primary:#fbeae8;--a1-bg-shape-highlight-secondary:#eff4f7;--a1-primary-hover:#fc2415;--a1-warning:#ffc700;--a1-warning-hover:#ffd600;--a1-success:#99cc00;--a1-bg-sticky-element:rgba(248, 248, 248, 0.9);--a1-loader-light-part:rgba(218, 41, 28, 0.5);--a1-loader-disabled-light-part:rgba(255, 255, 255, 0.5);--a1-label-title-bg:rgba(248, 248, 248, 0.9);--a1-bg-shape-highlight-primary:#fbeae8;--a1-bg-shape-highlight-secondary:#eff4f7}.a1-teaser-primary .a1-disruptor,.a1-teaser-primary-left .a1-disruptor,.a1-teaser-product .teaser-inner .a1-disruptor,.a1-teaser-promotion .a1-disruptor,.a1-teaser-quarter .a1-disruptor,.a1-teaser-secondary .a1-disruptor{position:absolute;text-align:center;width:100%}.a1-teaser-primary .a1-disruptor>.inner,.a1-teaser-primary-left .a1-disruptor>.inner,.a1-teaser-product .teaser-inner .a1-disruptor>.inner,.a1-teaser-promotion .a1-disruptor>.inner,.a1-teaser-quarter .a1-disruptor>.inner,.a1-teaser-secondary .a1-disruptor>.inner{position:absolute;left:50%;bottom:.875rem;width:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.a1-teaser-primary .a1-disruptor>.inner>div,.a1-teaser-primary-left .a1-disruptor>.inner>div,.a1-teaser-product .teaser-inner .a1-disruptor>.inner>div,.a1-teaser-promotion .a1-disruptor>.inner>div,.a1-teaser-quarter .a1-disruptor>.inner>div,.a1-teaser-secondary .a1-disruptor>.inner>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--a1-black);color:var(--a1-white);font-size:.75rem;line-height:.875rem;white-space:nowrap;width:auto;border-radius:4px;padding:.375rem .625rem .375rem .625rem}@media (min-width:768px){.a1-teaser-primary .a1-disruptor>.inner>div,.a1-teaser-primary-left .a1-disruptor>.inner>div,.a1-teaser-product .teaser-inner .a1-disruptor>.inner>div,.a1-teaser-promotion .a1-disruptor>.inner>div,.a1-teaser-quarter .a1-disruptor>.inner>div,.a1-teaser-secondary .a1-disruptor>.inner>div{font-size:.875rem;line-height:1rem}}.a1-teaser-primary .a1-disruptor>.inner>div:first-child:after,.a1-teaser-primary-left .a1-disruptor>.inner>div:first-child:after,.a1-teaser-product .teaser-inner .a1-disruptor>.inner>div:first-child:after,.a1-teaser-promotion .a1-disruptor>.inner>div:first-child:after,.a1-teaser-quarter .a1-disruptor>.inner>div:first-child:after,.a1-teaser-secondary .a1-disruptor>.inner>div:first-child:after{position:absolute;left:calc(50% - 4px);bottom:-.25rem;background-color:var(--a1-black);content:'';height:.5rem;width:.5rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);display:inline-block}.a1-teaser-primary .a1-disruptor>.inner>div b,.a1-teaser-primary .a1-disruptor>.inner>div strong,.a1-teaser-primary-left .a1-disruptor>.inner>div b,.a1-teaser-primary-left .a1-disruptor>.inner>div strong,.a1-teaser-product .teaser-inner .a1-disruptor>.inner>div b,.a1-teaser-product .teaser-inner .a1-disruptor>.inner>div strong,.a1-teaser-promotion .a1-disruptor>.inner>div b,.a1-teaser-promotion .a1-disruptor>.inner>div strong,.a1-teaser-quarter .a1-disruptor>.inner>div b,.a1-teaser-quarter .a1-disruptor>.inner>div strong,.a1-teaser-secondary .a1-disruptor>.inner>div b,.a1-teaser-secondary .a1-disruptor>.inner>div strong{font-weight:700}.a1-teaser-primary .a1-disruptor.light .inner>div,.a1-teaser-primary-left .a1-disruptor.light .inner>div,.a1-teaser-product .teaser-inner .a1-disruptor.light .inner>div,.a1-teaser-promotion .a1-disruptor.light .inner>div,.a1-teaser-quarter .a1-disruptor.light .inner>div,.a1-teaser-secondary .a1-disruptor.light .inner>div{background-color:var(--a1-white);color:var(--a1-black)}.a1-teaser-primary .a1-disruptor.light .inner>div:first-child:after,.a1-teaser-primary-left .a1-disruptor.light .inner>div:first-child:after,.a1-teaser-product .teaser-inner .a1-disruptor.light .inner>div:first-child:after,.a1-teaser-promotion .a1-disruptor.light .inner>div:first-child:after,.a1-teaser-quarter .a1-disruptor.light .inner>div:first-child:after,.a1-teaser-secondary .a1-disruptor.light .inner>div:first-child:after{background-color:var(--a1-white)}.a1-teaser-primary .a1-disruptor.primary .inner>div:first-child,.a1-teaser-primary-left .a1-disruptor.primary .inner>div:first-child,.a1-teaser-product .teaser-inner .a1-disruptor.primary .inner>div:first-child,.a1-teaser-promotion .a1-disruptor.primary .inner>div:first-child,.a1-teaser-quarter .a1-disruptor.primary .inner>div:first-child,.a1-teaser-secondary .a1-disruptor.primary .inner>div:first-child{background-color:var(--a1-primary);color:var(--a1-white)}.a1-teaser-primary .a1-disruptor.primary .inner>div:first-child:first-child:after,.a1-teaser-primary-left .a1-disruptor.primary .inner>div:first-child:first-child:after,.a1-teaser-product .teaser-inner .a1-disruptor.primary .inner>div:first-child:first-child:after,.a1-teaser-promotion .a1-disruptor.primary .inner>div:first-child:first-child:after,.a1-teaser-quarter .a1-disruptor.primary .inner>div:first-child:first-child:after,.a1-teaser-secondary .a1-disruptor.primary .inner>div:first-child:first-child:after{background-color:var(--a1-primary)}.a1-teaser-primary .a1-disruptor.secondary .inner>div:first-child,.a1-teaser-primary-left .a1-disruptor.secondary .inner>div:first-child,.a1-teaser-product .teaser-inner .a1-disruptor.secondary .inner>div:first-child,.a1-teaser-promotion .a1-disruptor.secondary .inner>div:first-child,.a1-teaser-quarter .a1-disruptor.secondary .inner>div:first-child,.a1-teaser-secondary .a1-disruptor.secondary .inner>div:first-child{background-color:var(--a1-disruptor);color:var(--a1-white)}.a1-teaser-primary .a1-disruptor.secondary .inner>div:first-child:first-child:after,.a1-teaser-primary-left .a1-disruptor.secondary .inner>div:first-child:first-child:after,.a1-teaser-product .teaser-inner .a1-disruptor.secondary .inner>div:first-child:first-child:after,.a1-teaser-promotion .a1-disruptor.secondary .inner>div:first-child:first-child:after,.a1-teaser-quarter .a1-disruptor.secondary .inner>div:first-child:first-child:after,.a1-teaser-secondary .a1-disruptor.secondary .inner>div:first-child:first-child:after{background-color:var(--a1-disruptor)}.a1-teaser-primary .a1-disruptor.double .inner>div,.a1-teaser-primary-left .a1-disruptor.double .inner>div,.a1-teaser-product .teaser-inner .a1-disruptor.double .inner>div,.a1-teaser-promotion .a1-disruptor.double .inner>div,.a1-teaser-quarter .a1-disruptor.double .inner>div,.a1-teaser-secondary .a1-disruptor.double .inner>div{left:50%;margin-left:.0625rem;-webkit-transform:translateX(0);transform:translateX(0)}.a1-teaser-primary .a1-disruptor.double .inner>div:not(:first-child),.a1-teaser-primary-left .a1-disruptor.double .inner>div:not(:first-child),.a1-teaser-product .teaser-inner .a1-disruptor.double .inner>div:not(:first-child),.a1-teaser-promotion .a1-disruptor.double .inner>div:not(:first-child),.a1-teaser-quarter .a1-disruptor.double .inner>div:not(:first-child),.a1-teaser-secondary .a1-disruptor.double .inner>div:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.a1-teaser-primary .a1-disruptor.double .inner>div:first-child,.a1-teaser-primary-left .a1-disruptor.double .inner>div:first-child,.a1-teaser-product .teaser-inner .a1-disruptor.double .inner>div:first-child,.a1-teaser-promotion .a1-disruptor.double .inner>div:first-child,.a1-teaser-quarter .a1-disruptor.double .inner>div:first-child,.a1-teaser-secondary .a1-disruptor.double .inner>div:first-child{left:auto;right:50%;margin-right:.0625rem;border-top-right-radius:0;border-bottom-right-radius:0}.a1-teaser-primary .a1-disruptor.double .inner>div:first-child:after,.a1-teaser-primary-left .a1-disruptor.double .inner>div:first-child:after,.a1-teaser-product .teaser-inner .a1-disruptor.double .inner>div:first-child:after,.a1-teaser-promotion .a1-disruptor.double .inner>div:first-child:after,.a1-teaser-quarter .a1-disruptor.double .inner>div:first-child:after,.a1-teaser-secondary .a1-disruptor.double .inner>div:first-child:after{left:auto;right:.125rem}.a1-teaser-promotion{padding:0 0 10px 0}@media (min-width:768px){.a1-teaser-promotion{padding:0 0 20px 0}}.a1-teaser-promotion img{width:100%;display:block}@media (min-width:768px){.a1-teaser-promotion img.a1-mobile{display:none}}@media (max-width:767px){.a1-teaser-promotion img.a1-desktop{display:none}}@media (max-width:calc(375px - 1px)){.a1-teaser-promotion.has-reduced-height img{min-height:17.5rem}}.a1-teaser-promotion>.inner{position:relative}.a1-teaser-promotion.has-no-image>.inner{background-color:var(--a1-bg-highlight-1);padding-bottom:74.6%;min-height:17.5rem}@media (min-width:768px){.a1-teaser-promotion.has-no-image>.inner{padding-bottom:23.4%;min-height:0}}.a1-teaser-promotion.a1-gradient-black>.inner::before,.a1-teaser-promotion.a1-gradient-white>.inner::before{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;content:'';display:inline-block}.a1-teaser-promotion.a1-gradient-white>.inner::before{background:-webkit-gradient(linear,left top,left bottom,color-stop(27.4%,rgba(255,255,255,.3)),color-stop(68.05%,rgba(255,255,255,.04)),color-stop(74.39%,rgba(255,255,255,0)));background:linear-gradient(180deg,rgba(255,255,255,.3) 27.4%,rgba(255,255,255,.04) 68.05%,rgba(255,255,255,0) 74.39%)}@media (min-width:768px){.a1-teaser-promotion.a1-gradient-white>.inner::before{background:-webkit-gradient(linear,left top,right top,color-stop(27.4%,rgba(255,255,255,.3)),color-stop(68.05%,rgba(255,255,255,.04)),color-stop(74.39%,rgba(255,255,255,0)));background:linear-gradient(90deg,rgba(255,255,255,.3) 27.4%,rgba(255,255,255,.04) 68.05%,rgba(255,255,255,0) 74.39%)}}.a1-teaser-promotion.a1-gradient-black>.inner::before{background:-webkit-gradient(linear,left top,left bottom,color-stop(27.4%,rgba(0,0,0,.3)),color-stop(68.05%,rgba(0,0,0,.04)),color-stop(74.39%,rgba(0,0,0,0)));background:linear-gradient(180deg,rgba(0,0,0,.3) 27.4%,rgba(0,0,0,.04) 68.05%,rgba(0,0,0,0) 74.39%)}@media (min-width:768px){.a1-teaser-promotion.a1-gradient-black>.inner::before{background:-webkit-gradient(linear,left top,right top,color-stop(27.4%,rgba(0,0,0,.3)),color-stop(68.05%,rgba(0,0,0,.04)),color-stop(74.39%,rgba(0,0,0,0)));background:linear-gradient(90deg,rgba(0,0,0,.3) 27.4%,rgba(0,0,0,.04) 68.05%,rgba(0,0,0,0) 74.39%)}}.a1-teaser-promotion-overlay{position:absolute;top:10%;width:100%;text-align:center}@media (min-width:768px){.a1-teaser-promotion-overlay{top:48%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media (min-width:992px){.a1-teaser-promotion-overlay{top:46%}}.a1-teaser-promotion-overlay .text{width:calc(100% - 60px);max-width:26.25rem;text-align:center;margin:0 auto}@media (min-width:768px){.a1-teaser-promotion-overlay .text{width:60%;max-width:26.25rem}}@media (min-width:768px){.a1-teaser-promotion-overlay.align-left{width:92%;left:8%;text-align:left}.a1-teaser-promotion-overlay.align-left .text{margin:0;text-align:left}}.a1-teaser-promotion-overlay.a1-text-black{color:var(--a1-black)}.a1-teaser-promotion-overlay.a1-text-black p{color:var(--a1-dark-grey)}.a1-teaser-promotion-overlay.a1-text-white{color:var(--a1-white)}.a1-teaser-promotion-overlay .h2,.a1-teaser-promotion-overlay h2{font-size:1.5rem;line-height:1.75rem}@media (min-width:992px){.a1-teaser-promotion-overlay .h2,.a1-teaser-promotion-overlay h2{font-size:2.5rem;line-height:2.75rem}}.a1-teaser-promotion-overlay p{margin:0;padding:0}@media (min-width:992px){.a1-teaser-promotion-overlay p{font-size:1.125rem;line-height:1.375rem}}@media (min-width:1200px){.a1-teaser-promotion-overlay p{font-size:1.375rem;line-height:1.625rem}}.a1-teaser-promotion-overlay .ctas{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:auto;margin:0 auto;-ms-flex-line-pack:distribute;align-content:space-around;padding:0 .5rem}@media (min-width:768px){.a1-teaser-promotion-overlay .ctas{display:inline-block}}@media (min-width:992px){.a1-teaser-promotion-overlay .ctas{padding-top:.5rem}}.a1-teaser-promotion-overlay .ctas .button{margin-top:1rem}@media (min-width:768px){.a1-teaser-promotion-overlay .ctas .button{float:left}.a1-teaser-promotion-overlay .ctas .button:not(:last-child){margin-right:1rem}}.a1-teaser-promotion-overlay.align-left .ctas{padding:0}.a1-teaser-promotion.has-disruptor .a1-teaser-promotion-overlay{top:calc(14% + 20px)}@media (min-width:768px){.a1-teaser-promotion.has-disruptor .a1-teaser-promotion-overlay{-webkit-transform:translate(0,0);transform:translate(0,0);top:calc(8% + 20px);padding-top:2.5rem}}@media (min-width:1300px){.a1-teaser-promotion.has-disruptor .a1-teaser-promotion-overlay{top:calc(20% + 20px);padding-top:0}}@media (min-width:768px){.a1-teaser-promotion.has-disruptor .a1-teaser-promotion-overlay.align-left{-webkit-transform:translate(0,0);transform:translate(0,0)}}@media (min-width:768px){.a1-teaser-promotion.has-disruptor .a1-teaser-promotion-overlay.align-left .a1-disruptor .inner{left:0;-webkit-transform:translateX(0);transform:translateX(0)}}.a1-teaser-promotion.has-disruptor.has-no-image .a1-teaser-promotion-overlay,.a1-teaser-promotion.has-disruptor.has-reduced-height .a1-teaser-promotion-overlay{top:calc(20% + 20px)}@media (min-width:768px){.a1-teaser-promotion.has-disruptor.has-no-image .a1-teaser-promotion-overlay,.a1-teaser-promotion.has-disruptor.has-reduced-height .a1-teaser-promotion-overlay{top:calc(10% + 20px)}}@media (min-width:1300px){.a1-teaser-promotion.has-disruptor.has-no-image .a1-teaser-promotion-overlay,.a1-teaser-promotion.has-disruptor.has-reduced-height .a1-teaser-promotion-overlay{top:calc(20% + 20px)}}.a1-teaser-promotion.has-disruptor.has-no-image .a1-teaser-promotion-overlay{top:calc(50%)}@media (min-width:768px){.a1-teaser-promotion.has-disruptor.has-no-image .a1-teaser-promotion-overlay{top:calc(50%)}}@media (min-width:1300px){.a1-teaser-promotion.has-disruptor.has-no-image .a1-teaser-promotion-overlay{top:calc(50%)}}.a1-teaser-promotion.has-countdown .a1-teaser-promotion-overlay{top:calc(14% + 38px)}@media (min-width:768px){.a1-teaser-promotion.has-countdown .a1-teaser-promotion-overlay{-webkit-transform:translate(0,0);transform:translate(0,0);top:calc(8% + 38px);padding-top:2.5rem}}@media (min-width:1300px){.a1-teaser-promotion.has-countdown .a1-teaser-promotion-overlay{top:calc(20% + 38px);padding-top:0}}.a1-teaser-promotion.has-countdown .a1-teaser-promotion-overlay .a1-countdown{position:absolute;top:-78px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (min-width:768px){.a1-teaser-promotion.has-countdown .a1-teaser-promotion-overlay .a1-countdown{top:-38px}}@media (min-width:1300px){.a1-teaser-promotion.has-countdown .a1-teaser-promotion-overlay .a1-countdown{top:-78px}}@media (min-width:768px){.a1-teaser-promotion.has-countdown .a1-teaser-promotion-overlay.align-left{-webkit-transform:translate(0,0);transform:translate(0,0)}}@media (min-width:768px){.a1-teaser-promotion.has-countdown .a1-teaser-promotion-overlay.align-left .a1-countdown{left:0;-webkit-transform:translateX(0);transform:translateX(0)}}.a1-teaser-promotion.has-countdown.has-no-image .a1-teaser-promotion-overlay,.a1-teaser-promotion.has-countdown.has-reduced-height .a1-teaser-promotion-overlay{top:calc(20% + 36px)}@media (min-width:768px){.a1-teaser-promotion.has-countdown.has-no-image .a1-teaser-promotion-overlay,.a1-teaser-promotion.has-countdown.has-reduced-height .a1-teaser-promotion-overlay{top:calc(10% + 36px)}}@media (min-width:1300px){.a1-teaser-promotion.has-countdown.has-no-image .a1-teaser-promotion-overlay,.a1-teaser-promotion.has-countdown.has-reduced-height .a1-teaser-promotion-overlay{top:calc(20% + 36px)}}.a1-teaser-promotion.has-countdown.has-no-image .a1-teaser-promotion-overlay .a1-countdown,.a1-teaser-promotion.has-countdown.has-reduced-height .a1-teaser-promotion-overlay .a1-countdown{top:-70px}@media (min-width:768px){.a1-teaser-promotion.has-countdown.has-no-image .a1-teaser-promotion-overlay .a1-countdown,.a1-teaser-promotion.has-countdown.has-reduced-height .a1-teaser-promotion-overlay .a1-countdown{top:-38px}}@media (min-width:1300px){.a1-teaser-promotion.has-countdown.has-no-image .a1-teaser-promotion-overlay .a1-countdown,.a1-teaser-promotion.has-countdown.has-reduced-height .a1-teaser-promotion-overlay .a1-countdown{top:-78px}}.a1-teaser-promotion.has-countdown.has-no-image .a1-teaser-promotion-overlay{top:calc(50% + 38px)}@media (min-width:768px){.a1-teaser-promotion.has-countdown.has-no-image .a1-teaser-promotion-overlay{top:calc(50% + 38px)}}@media (min-width:1300px){.a1-teaser-promotion.has-countdown.has-no-image .a1-teaser-promotion-overlay{top:calc(50% + 38px)}}.a1-teaser-promotion.has-no-image .a1-teaser-promotion-overlay{top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}@media (min-width:992px){.a1-teaser-promotion.has-no-image .a1-teaser-promotion-overlay{top:49%}}.a1-teaser-promotion .legal-text{font-family:A1SansCondensed-Regular,Verdana,sans-serif;font-size:.75rem;color:var(--a1-dark-grey);padding-top:.5rem;padding-left:.5rem;padding-right:.5rem}.a1-teaser-promotion .legal-text .lead{font-size:.875rem;font-weight:700}@media (min-width:1540px){.a1-teaser-promotion .legal-text{padding-left:0;padding-right:0}}.a1-teaser-promotion .legal-text p{margin:0;padding:0}